Einen Mausklick simulieren, Mausklick Sequenz in Tampermonkey?

Möchte ich simulieren eine ganze klicken Sie auf nicht nur

document.getElementsByClassName()[0].click();

Wie mache ich das? Die Suchergebnisse scheinen alle zu sein, über den Umgang mit solchen events nicht auslöst.

InformationsquelleAutor der Frage user3699068 | 2014-06-03

  1. 64

    Senden von Maus-events. Etwa so:

    //--- Get the first link that has "stackoverflow" in its URL.
var targetNode = document.querySelector ("a[href*='stackoverflow']");
if (targetNode) {
    //--- Simulate a natural mouse-click sequence.
    triggerMouseEvent (targetNode, "mouseover");
    triggerMouseEvent (targetNode, "mousedown");
    triggerMouseEvent (targetNode, "mouseup");
    triggerMouseEvent (targetNode, "click");
}
else
    console.log ("*** Target node not found!");

function triggerMouseEvent (node, eventType) {
    var clickEvent = document.createEvent ('MouseEvents');
    clickEvent.initEvent (eventType, true, true);
    node.dispatchEvent (clickEvent);
}

    Funktioniert, wenn die web-Seite ist statisch geladen. Wenn die web-Seite AJAX-drivenverwenden eine Technik, in:

    Vorsicht:

    Die Frage code hat einen Fehler. Du musst ein Klasse name für die Funktion. Etwa so:

    document.getElementsByClassName ("SomeClassName")[0].click();

    InformationsquelleAutor der Antwort Brock Adams

  2. 4

    Bit Optimiert 

    function fireMouseEvents( query, eventNames ){
    var element = document.querySelector(query);
    if(element && eventNames && eventNames.length){
        for(var index in eventNames){
            var eventName = eventNames[index];
            if(element.fireEvent ){
                element.fireEvent( 'on' + eventName );     
            } else {   
                var eventObject = document.createEvent( 'MouseEvents' );
                eventObject.initEvent( eventName, true, false );
                element.dispatchEvent(eventObject);
            }
        }
    }
}

    Würden Sie Feuer wie dieses

    fireMouseEvents("a[href*='stackoverflow']",['mouseover','mousedown','mouseup','click']);

    InformationsquelleAutor der Antwort Naveen raj

Schreibe einen Kommentar