jQuery: Wie kann ich das Ereignisobjekt in einer Ereignishandlerfunktion abrufen, ohne es als Argument zu übergeben?

Ich habe ein onclickAttribut auf meinem Link:

<a href="#" onclick="myFunc(1,2,3)">click</a>

Das weist auf diesen Ereignishandler in JavaScript hin:

function myFunc(p1,p2,p3) {
    //need to refer to the current event object:
    alert(evt.type);        
}

Ist es immer noch möglich, dieses Objekt zu erhalten, da das Ereignisobjekt "evt" nicht an einen Parameter übergeben wird?

Ich habe es versucht window.eventund $(window.event), aber beide sind es undefined.

Irgendeine Idee?

Ist es immer noch möglich, dieses Objekt zu erhalten, da das Ereignisobjekt "evt" nicht vom Parameter übergeben wird?

Nein, nicht zuverlässig. IE und einige andere Browser stellen es als window.event(nicht $(window.event)) zur Verfügung, aber das ist nicht Standard und wird nicht von allen Browsern unterstützt (bekanntlich Firefox nicht).

Übergeben Sie das Ereignisobjekt besser an die Funktion:

<a href="#" onclick="myFunc(event, 1,2,3)">click</a>

Dies funktioniert auch in Nicht-IE-Browsern, da sie den Code in einem Kontext ausführen, der eine eventVariable enthält (und in IE, weil eventin aufgelöst wird window.event). Ich habe es in IE6 +, Firefox, Chrome, Safari und Opera versucht. Beispiel: http://jsbin.com/iwifu4

Aber Ihre beste Wette ist , modernes Event - Handling zu verwenden:

HTML:

<a href="#">click</a>

JavaScript mit jQuery (da Sie jQuery verwenden):

$("selector_for_the_anchor").click(function(event) {
    // Call `myFunc`
    myFunc(1, 2, 3);

    // Use `event` here at the event handler level, for instance
    event.stopPropagation();
});

... oder wenn Sie wirklich passieren wollen eventin myFunc:

$("selector_for_the_anchor").click(function(event) {
    myFunc(event, 1, 2, 3);
});

Der Selektor kann alles sein, was den Anker identifiziert. Sie haben eine sehr umfangreiche Auswahl (fast alle CSS3-Dateien plus einige). Sie können dem Anker ein idoder hinzufügen class, aber auch hier haben Sie andere Möglichkeiten. Wenn Sie verwenden können, wo es sich im Dokument befindet, anstatt etwas Künstliches hinzuzufügen, ist das großartig.

In IE können Sie das Ereignisobjekt window.event in anderen Browsern ohne 'use strict'Anweisung abrufen. Es ist möglich, durchzukommen arguments.callee.caller.arguments[0].

function myFunc(p1, p2, p3) {
    var evt = window.event || arguments.callee.caller.arguments[0];
}

Schreiben Sie Ihre Event-Handler-Erklärung wie folgt:

<a href="#" onclick="myFunc(event,1,2,3)">click</a>

Dann kann Ihre Funktion "myFunc ()" auf das Ereignis zugreifen.

Der Zeichenfolgenwert des Attributs "onclick" wird auf eine Weise in eine Funktion konvertiert, die fast genau der des Browsers (intern) entspricht, der den Funktionskonstruktor aufruft:

theAnchor.onclick = new Function("event", theOnclickString);

(außer im IE). Da "event" im IE ein globales Ereignis ist (es ist ein Fensterattribut), können Sie es in jedem Browser auf diese Weise an die Funktion übergeben.

Wenn Sie Ihren Event-Handler beim Markup aufrufen, wie Sie es jetzt tun, können Sie dies nicht (X-Browser). Wenn Sie das Klickereignis jedoch mit jquery binden, ist dies folgendermaßen möglich:

Markup:

  <a href="#" id="link1" >click</a>

Javascript:

  $(document).ready(function(){
      $("#link1").click(clickWithEvent);  //Bind the click event to the link
  });
  function clickWithEvent(evt){
     myFunc('p1', 'p2', 'p3');
     function myFunc(p1,p2,p3){  //Defined as local function, but has access to evt
        alert(evt.type);        
     }
  }

Da die Veranstaltung ob