Wywoływanie niestandardowego zdarzenia jQuery bez propagacji

Question

Chcę wywołać niestandardowe zdarzenie jQuery obiektu. Wiem, że możemy użyć funkcji return false lub stopPropagation, aby zapobiec bulgotaniu. Co chcę wiedzieć, czy mogę wyzwolić niestandardowe zdarzenie i określić, że domyślnie nie bańka.

Jest to kod mam teraz

 $(".abc").on("change", function() { 
      var e = new $.Event("datachange"); 
      $(this).trigger(e) 
     }); 

Powyższy wyzwala zdarzenie dataChange na #abc i pęcherzyki zdarzenie całą drogę w górę. Nie chcę tego. Osiągam to, używając następujących rzeczy.

 $(".abc").on("change", function() { 
      var e = new $.Event("datachange"); 
      //e.stopPropagation(); this does not work 
      $(this).trigger(e) 
     }).on("datachange", function (e) { 
      e.stopPropagation(); 
      return false; 
     }); 

Przeczytałem, że triggerHandler robi coś podobnego, ale tylko dla pierwszego pasującego elementu.

Czy jest lepszy sposób na osiągnięcie tego?

Answer 1

Masz rację, że triggerHandler() dotyczy tylko pierwszego elementu zestawu, ale nie powinno to stanowić problemu, ponieważ zestaw, który kompilujesz z $(this) zawiera tylko jeden element.

Dlatego można bezpiecznie pisać:

$(".abc").on("change", function() { 
    $(this).triggerHandler("datachange"); 
}); 

ten sposób, zdarzenie datachange nie będzie się bąbel drzewo dokumentu.