javascript - イベント委任を使用する Javascript "tap" イベントライブラリはありますか?

Question

できるのが理想$(document.body).on("tap", "#myElement", this.eventHandler);

しかし、jQuery はまだそれを行っていません。

非常に多くのライブラリが表示されます -- https://github.com/bebraw/jswiki/wiki/Touch。そのページには長いリストがあります。

それらはすべて、昔ながらのイベントリスニングを使用しているようです。など$("#element").touchLibraryThingy(); $("#element").bind("tap")。に相当しaddEventListenerます。

これは ID (Sorta) には最適ですが、50 個のリスト項目があり、すべてにイベントが含まれている場合、古い Android の誰かに 50 個のイベントリスナーを持たせたくありません。パフォーマンス上の理由から！

完了したイベント委任を使用するライブラリを知っている人はいますか?

このスタックオーバーフローの質問は似ていますが、真実にはなりません - jQuery の .on() を拡張してモバイルタッチイベントを操作する

score 1 · Accepted Answer

さらに良いことに、jQuery Mobileカスタムビルダーを使用すると、モバイルイベントのみを選択して最新のタッチコードを取得できます。これにより、上記の例よりも改善されています。

score 1 · Accepted Answer

jQuery の .on() を拡張してモバイルタッチイベントを操作するという投稿で言及されているブロブが、実際にそのトリックを実行しているように見えます...ほぼ。

デスクトップの落とし穴 「タップ」は、デフォルトを妨げないようです。Web アプリで奇妙なスクロール動作と途切れ途切れのメニューアニメーションが発生しました。

これを修正するために、アプリの名前空間内にグローバルプロパティを作成しました。

var R = window.R = window.R || {};
R.touchEvent = ('ontouchstart' in window') ? "tap" : "click";
window.$body = $(document.body);

次に、すべてのイベントリスナーがこれを行います：

$body.on(R.touchEvent, ".myHellaLongListItems", this.eventHandler);

終わり！これで、私たちは皆、本当に素晴らしいモバイル Web サイトを持つことができます。

javascript - イベント委任を使用する Javascript "tap" イベント ライブラリはありますか?