タッチデバイスはどのようにして「document.click」をトリガーしてドロップダウンメニューを閉じることができるのでしょうか?

タッチ デバイスの Document .click 関数

質問: タッチ デバイスで document.click 関数をトリガーするにはどうすればよいですか?クリックによって開始されたドロップダウン メニューを閉じるにはイベント?

答え:

Chrome や Firefox などの最新のブラウザは、タッチ入力に対してクリック イベントをトリガーします。これにより、追加の touchstart イベントまたは touchend イベントが不要になります。単純に使用します:

$(document).on('click', function () { ... });

説明:

古いブラウザでは、タッチ入力を個別のイベントとして考慮し、異なる方法で解釈しました。これを説明するために、次のようなイベント ハンドラーが使用されました:

$(document).on('click touchstart', function () { ... });

しかし、タッチ フレンドリーなブラウザーの出現により、touchstart イベントは必要なくなりました。クリック イベントだけで十分です。

追加の注意:

提供された例では、.on() を使用したイベント委任手法を使用して、クリック ハンドラーをドキュメント全体にバインドします。これにより、メニューが動的に追加または削除された場合でも、クリック イベントが確実にキャプチャされます。

以上がタッチデバイスはどのようにして「document.click」をトリガーしてドロップダウンメニューを閉じることができるのでしょうか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。