ホームページ >ウェブフロントエンド >CSSチュートリアル >「document.click」機能がタッチスクリーンで機能しないのはなぜですか?それを修正するにはどうすればよいですか?

「document.click」機能がタッチスクリーンで機能しないのはなぜですか?それを修正するにはどうすればよいですか?

Linda Hamilton
Linda Hamiltonオリジナル
2024-12-26 10:32:10641ブラウズ

Why Doesn't My `document.click` Function Work for Touchscreens, and How Can I Fix It?

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

問題: document.click 関数を利用してタッチ デバイスのドロップダウン メニューを切り替えることができませんを使用してjQuery.

コード:

$(document).click(function(event) { 

  if ( $(".children").is(":visible")) {
    $("ul.children").slideUp('slow');
  }

});

懸念事項:

  • document.click 関数は、タッチ操作と互換性があります。
  • 同じことを実現するための回避策を模索中

解決策:

最新のブラウザでは、クリック イベントはクリック アクションとタッチ アクションの両方で発生するため、追加のイベント リスナーは必要ありません。更新されたコードは次のとおりです:

$(document).on('click', function() {
  if ($(".children").is(":visible")) {
    $("ul.children").slideUp('slow');
  }
});

以上が「document.click」機能がタッチスクリーンで機能しないのはなぜですか?それを修正するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。