javascript - jQuery を使用したワイルドカード委任

Question

適切なコンテキストを持つ任意の要素によってイベントをトリガーできるようにしたいと考えています。今、私はこれをやっています：

$(document.body).on('mycustomevent', '*', function(e) {
  e.stopPropagation()
  console.log('mycustomevent')
  console.log(this)
}

これに問題はありますか？より良い方法はありますか？

別の関連する質問は、ドキュメントに添付されていない要素に対してこのイベントをトリガーするにはどうすればよいですか? すなわち:

$('<div></div>').trigger('mycustomevent')

Answer 1

パート1では、$(document).on代わりに使用します。

パート 2 では、イベント ハンドラーを要素自体にアタッチします。

$('<div></div>').on('mycustomevent', function(e) {
    e.stopPropagation()
    console.log('mycustomevent')
    console.log(this)
}).trigger('mycustomevent')