Eine kurze Diskussion über das Prinzip der jQuery-Ereignisbindung_jquery

win.gevent = {
handle: Funktion(Ereignis){
          var all, handlers;
//Verpackungsveranstaltung
          event = arguments[0] = gevent.fix( event || window.event );
         event.currentTarget = this;
​​​​ //Hier...
        var namespaces = event.type.split(".");
         event.type = namespaces.shift();
         all = !namespaces.length;
var namespace = RegExp("(^|\.)" namespaces.slice().sort().join(".*\.") "(\.|$)");
//Holen Sie sich die Ereignisliste des Verhaltens dieses Elements
            handlers = (data(this, "events") || {} )[event.type]; //Durchlaufe diese Ereignisliste und führe die auszuführenden Dinge aus
for (var j in handlers) {
            var handler = handlers[j];
If ( all || namespace.test(handler.type) ) {
                                  // Übergeben Sie einen Verweis auf die Handlerfunktion selbst
                              // Damit wir es später entfernen können
                            // Der Kommentar zu jq ist der Einfachheit halber so geschrieben, dass er auf dieses Ereignis verweist und es später entfernt
                                           // Aber beim Entfernen weiß ich nicht, wozu es dient. Und wenn es mehrere Ereignisse gibt, wird dieses Ereignis ersetzt
                  event.handler = handler;
//Führen Sie das Ereignis aus und es handelt sich um ein Ereignis, das mit einem Element aufgerufen wird. Sie können dieses Element im Ereignis ausführen und ret ist der Rückgabewert der Funktion
              var ret = handler.apply(this, arguments);
//Wenn ein Rückgabewert vorhanden ist und der Rückgabewert falsch ist, verhindert die Ausführung, dass das Ereignis sprudelt, und das Standardverhalten des Ausführungsereignisses wird blockiert If( ret !== undefiniert ){
                     event.result = ret;
If ( ret === false ) {
                         event.preventDefault();
                           event.stopPropagation();
                 }
                                                                                                                                                                                                  }
},
props: "altKey attrChange attrName bubbles button cancelable charCode clientX clientY ctrlKey currentTarget data detail eventPhase fromElement handler keyCode metaKey newValue originalTarget pageX pageY prevValue relatedNode relatedTarget screenX screenY shiftKey srcElement target toElement viewwheelDelta which".split(" "),   Fix: Funktion(Ereignis){
//new setEvent gibt dem Ereignis ein Expando-Attribut. Wenn eines der Attribute vorhanden ist, bedeutet dies, dass das Ereignis generiert wurde und es nicht erforderlich ist, das Ereignis erneut zu umbrechen
            if ( event[expando] )
            Rückkehrereignis;
//Ein originelles Ereignis behalten
// neu Ein neues Ereignis. Dies unterscheidet sich vom ursprünglichen Ereignis
        var originalEvent = event;
        event = new setEvent(originalEvent);
// Den Attributwert des ursprünglichen Ereignisses abrufen. Informationen zu den vorhandenen Attributwerten finden Sie in this.props
for ( var i = this.props.length, prop; i; ){
              prop = this.props[ --i ];
            event[ prop ] = originalEvent[ prop ];
}
//Vereinheitlichen Sie die Zielelemente in event.target
If ( !event.target )
                event.target = event.srcElement || // Behebt #1925, bei dem srcElement möglicherweise auch nicht definiert ist //Wenn festgestellt wird, dass es sich um einen Textknoten handelt, holen Sie sich seinen übergeordneten Knoten
If ( event.target.nodeType == 3 )
             event.target = event.target.parentNode;
                             
If ( !event.latedTarget && event.fromElement )
event.latedTarget = event.fromElement == event.target ? event.toElement : event.fromElement;         Rückkehrereignis;
                                            }
win.setEvent = function(src){
// Instanziierung ohne das Schlüsselwort „new“ zulassen
// Ereignisobjekt
If( src && src.type ){
This.originalEvent = src;
This.type = src.type;
// Ereignistyp
}sonst
This.type = src;
// timeStamp ist für einige Ereignisse in Firefox fehlerhaft (#3843)
// Wir verlassen uns also nicht auf den nativen Wert
This.timeStamp = now();
// Als behoben markieren
This[expando] = true;
}
Funktion returnFalse(){
Gibt false zurück;
}
Funktion returnTrue(){
return true;
}
setEvent.prototype = {
präventDefault: function() {
var e = this.originalEvent;
If( !e )
          zurück;
// Wenn „preventDefault“ vorhanden ist, führen Sie es für das ursprüngliche Ereignis aus
Wenn (e.preventDefault)
           e.preventDefault();
// andernfalls setze die returnValue-Eigenschaft des ursprünglichen Ereignisses auf false (IE)
e.returnValue = false;
},
stopPropagation: function() {
var e = this.originalEvent;
If( !e )
          zurück;
// wenn stopPropagation vorhanden ist, führe es auf dem ursprünglichen Ereignis aus
If (e.stopPropagation)
           e.stopPropagation();
// andernfalls setze die cancelBubble-Eigenschaft des ursprünglichen Ereignisses auf true (IE)
e.cancelBubble = true;
},
stopImmediatePropagation:function(){
This.isImmediatePropagationStopped = returnTrue;
This.stopPropagation();
},
isImmediatePropagationStopped: returnFalse
}; 



Ein vollständiges Beispiel