首頁 > web前端 > css教學 > 為什麼我的'document.click”功能不適用於觸控螢幕,如何修復?

為什麼我的'document.click”功能不適用於觸控螢幕,如何修復?

Linda Hamilton
發布: 2024-12-26 10:32:10
原創
643 人瀏覽過

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中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板