可触发的网页按钮，不会触发浏览器在手机上的具体行动

Question

我想做一个浏览器应用程序，要求用户按下并按住一段时间的按钮，以响应刺激。我可以使用任何依赖来做到这一点，因为我只是建立一个网页作为JS音频库的概念验证。我希望尽可能以最轻的方式做到这一点，以避免（前提是“必须学习更多”）前端whizbang分心。

有什么办法可以防止移动操作系统浏览器打开按钮文本的复制粘贴选项，或者在按钮上设置属性href="#"时链接选项。

Answer 1

如果您需要CSS only解决方案，则使用pointer-events: none;作为与移动视图相匹配的@media中的元素。

@media screen and (max-width: 480px) { 
    .class { 
    pointer-events: none; 
    } 
} 

---

jQuery Mobile的有taphold事件。

持续完整触摸事件后触发。

所以，我想，如果你使用下面的代码：

$("selector").taphold(function (e) { 
    e.preventDefault(); 
}); 

上面的代码仅执行在移动，在这里，我们正在阻止的默认操作。