Wie löst man ein Ereignis in JavaScript aus?

Einem Beispiel arbeiten:

//Add an event listener
document.addEventListener("name-of-event", function(e) {
  console.log(e.detail); //Prints "Example of an event"
});

//Create the event
var event = new CustomEvent("name-of-event", { "detail": "Example of an event" });

//Dispatch/Trigger/Fire the event
document.dispatchEvent(event);

Für ältere Browser polyfill und komplexere Beispiele finden Sie unter MDN docs.

Siehe support-Tabellen für EventTarget.dispatchEvent und CustomEvent.

InformationsquelleAutor der Antwort Dorian

Suchte ich für die Brenn-click -, mousedown-und mouseup-event bei mouseover mit JavaScript. Ich fand eine Antwort Juan Mendes. Für die Antwort klicken Sie auf hier.

Klicken Sie auf hier ist die live-demo und unten ist der code:

function fireEvent(node, eventName) {
    //Make sure we use the ownerDocument from the provided node to avoid cross-window problems
    var doc;
    if (node.ownerDocument) {
        doc = node.ownerDocument;
    } else if (node.nodeType == 9) {
        //the node may be the document itself, nodeType 9 = DOCUMENT_NODE
        doc = node;
    } else {
        throw new Error("Invalid node passed to fireEvent: " + node.id);
    }

    if (node.dispatchEvent) {
        //Gecko-style approach (now the standard) takes more work
        var eventClass = "";

        //Different events have different event classes.
        //If this switch statement can't map an eventName to an eventClass,
        //the event firing is going to fail.
        switch (eventName) {
        case "click": //Dispatching of 'click' appears to not work correctly in Safari. Use 'mousedown' or 'mouseup' instead.
        case "mousedown":
        case "mouseup":
            eventClass = "MouseEvents";
            break;

        case "focus":
        case "change":
        case "blur":
        case "select":
            eventClass = "HTMLEvents";
            break;

        default:
            throw "fireEvent: Couldn't find an event class for event '" + eventName + "'.";
            break;
        }
        var event = doc.createEvent(eventClass);

        var bubbles = eventName == "change" ? false : true;
        event.initEvent(eventName, bubbles, true); //All events created as bubbling and cancelable.

        event.synthetic = true; //allow detection of synthetic events
        //The second parameter says go ahead with the default action
        node.dispatchEvent(event, true);
    } else if (node.fireEvent) {
        //IE-old school style
        var event = doc.createEventObject();
        event.synthetic = true; //allow detection of synthetic events
        node.fireEvent("on" + eventName, event);
    }
};

InformationsquelleAutor der Antwort S.Mishra

Habe ich nur verwendet die folgenden (scheint zu sein, viel einfacher):

element.blur();
element.focus();

In diesem Fall das Ereignis wird nur ausgelöst, wenn der Wert war wirklich geändert, so wie Sie es ausgelöst werden würde durch den normalen focus-locus verloren, durchgeführt durch den Nutzer.

InformationsquelleAutor der Antwort Aleksander Lech

Geändert @Dorian ' s Antwort arbeiten mit IE:

document.addEventListener("my_event", function(e) {
  console.log(e.detail);
});

var detail = 'Event fired';

try {

    //For modern browsers except IE:
    var event = new CustomEvent('my_event', {detail:detail});

} catch(err) {

  //If IE 11 (or 10 or 9...?) do it this way:

    //Create the event.
    var event = document.createEvent('Event');
    //Define that the event name is 'build'.
    event.initEvent('my_event', true, true);
    event.detail = detail;

}

//Dispatch/Trigger/Fire the event
document.dispatchEvent(event);

FIDDLE: https://jsfiddle.net/z6zom9d0/1/

SIEHE AUCH:

https://caniuse.com/#feat=customevent

InformationsquelleAutor der Antwort Yarin

Der effizienteste Weg ist der Aufruf der gleichen Funktion, die registriert wurde, mit addEventListener direkt.

Können Sie auch auslösen, ein fake-event mit CustomEvent und co.

Schließlich einige Elemente, wie <input type="file"> unterstützen .click() Methode.

InformationsquelleAutor der Antwort Walle Cyril

Jquery-event nennen.
Schreiben Sie die folgende Zeile, wo Sie wollen, um die trigger onChange von jedem element.

$("#element_id").change();

element_id wird die ID des Elements, dessen onChange Sie auslösen möchten.

Vermeiden Sie die Verwendung von

 element.fireEvent("onchange");

Weil er sehr wenig Unterstützung. Finden Sie dieses Dokument für seine Unterstützung.

InformationsquelleAutor der Antwort Bhuvan Arora