jQueryのは、次のように

Question

私は何をしようとしているの簡易版であるカスタムイベントに対してグローバルに聞く：

var indication = $('#some-div'); 
indication.bind('custom-event', function() { ... } 


// ... later on! 

function OtherThing() { 
    $(this).trigger('custom-event'); 
} 

私は2つを明示的に知っていることなく、function OtherThingからのトリガを受信するindication.bind('custom-event')を希望お互い。これは可能ですか？これまでの私の唯一の解決策は、リスナーとイベントの両方をボディにバインドすることです...これはうんざりしているようです - より良い方法がありますか？

Answer 1

JavaScriptでは、各HTML要素でトリガーされたイベントは親に伝播されるため、問題を解決して何かを間違えることなくカスタムイベントを処理できるようにします。$('*').bind('custom-event')はリスナーをbodyまたはhtmlの要素：

したがって、イベントをbodyまたはhtml要素にバインドする必要があります。次に、選択された親要素内の任意の要素がカスタムイベントをトリガすると、この親要素に伝播されます。

そして、イベントハンドラでは、イベントオブジェクトのtarget属性にアクセスすることで、イベントをトリガした要素にアクセスすることができますので、event.target

を、コードは次のようになります。

$('body').bind('custom-event', function(e){ 
    var $element = e.target; 
}); 

$('#anyElement').trigger('custom-event');