jQuery Özel olayları tam olarak nasıl çalışır?

Question

JQuery'deki özel olayların gerçekte nasıl uygulandığı hakkında iyi bir kaynak bulamıyorum. onlar

Answer 1

Bu şekilde ödeme şöyledir:

// bubbling is internal 
trigger: function(event, data, elem /*, bubbling */) { 
// Event object or event type 
var type = event.type || event, 
    bubbling = arguments[3]; 

// Handle a global trigger 
if (!elem) { 
    // Don't bubble custom events when global (to avoid too much overhead) 
    event.stopPropagation(); 

    // Only trigger if we've ever bound an event for it 
    if (jQuery.event.global[ type ]) { 
     jQuery.each(jQuery.cache, function() { 
      if (this.events && this.events[type]) { 
       jQuery.event.trigger(event, data, this.handle.elem); 
      } 
     }); 
    } 
} 

// ... snip ... 
// Trigger the event, it is assumed that "handle" is a function 
var handle = elem.nodeType ? 
    jQuery.data(elem, "handle") : 
    (jQuery.data(elem, "__events__") || {}).handle; 

if (handle) { 
    handle.apply(elem, data); 
} 

var parent = elem.parentNode || elem.ownerDocument; 
// ... snip .... 
if (!event.isPropagationStopped() && parent) { 
    jQuery.event.trigger(event, data, parent, true); 

    } else if (!event.isDefaultPrevented()) { 
    // ... snip ... 
       jQuery.event.triggered = true; 
       target[ targetType ](); 
    } 
} 

Ne oluyor burada olduğunu var :

Ne zaman trigger, olayın global olarak tetiklenip tetiklenmediğini görmek için jQuery denetimleri adı verilir ($.trigger("event_name");). o değil küresel tetiklenen ise

, ve yayılma ve söz konusu eleman bir üst elemanı (!event.isPropagationStopped() && parent) daha sonra jQuery ebeveyn elemana elle tetikleyici olay çağırır etti durdu edilmemiştir.

jQuery.event.trigger(event, data, parent, true); 

biraz daha var oluyor - jQuery kaynak kodunda event.js bakın.

Answer 2

Kontrol dışarı vb olay baloncuklanmasını simüle nasıl gibi tutorials

$(document).bind("eventType", ...); 
// This is equivalent to the plugin's $.subscribe("eventType", ...); 
$(document).trigger("eventType"); 
// equivalent to plugin's $.publish("eventType"); 

Ayrıca, bu SO question