如何防止手機出現默認事件

Question

如何防止手機發生默認事件？ eventDefault不起作用？ 請在鍍鉻測試中請在鍍鉻測試中請在鍍鉻測試中請在鍍鉻測試中

 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Document</title> <script src="http://code.jquery.com/jquery-1.8.3.min.js"></script> <script src="http://ajax.googleapis.com/ajax/libs/jquerymobile/1.4.5/jquery.mobile.js"></script> <meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=no" /> <style type="text/css"> div img { -webkit-touch-callout: none; -webkit-user-select: none; } </style> </head> <body data-role="page"> <p>this is test</p> <div> <img src="http://www.w3school.com.cn/i/eg_tulip.jpg"> </div> <div> <img src="http://www.w3school.com.cn/i/eg_tulip.jpg"> </div> <script type="text/javascript"> $("div img").on("taphold", function(event) { console.log("11333333"); event.preventDefault(); return false; }); </script> </body> </html>

Answer 1

您可以使用pointer-events: none; 在CSS中：

div img {
  pointer-events: none;
}

元素永遠不是鼠標事件的目標； 但是，如果鼠標后代的指針事件設置為其他值，則鼠標事件可能以其后代元素為目標。

使用pointer-events屬性可以控制HTML元素如何響應鼠標/觸摸事件，包括CSS懸停/活動狀態，Javascript中的單擊/輕擊事件以及光標是否可見。

如何防止手機出現默認事件

問題描述

1 個解決方案

解決方案1
0 2015-09-15 09:30:34

如何防止手機出現默認事件

問題描述

1 個解決方案

解決方案1 0 2015-09-15 09:30:34

解決方案1
0 2015-09-15 09:30:34