javascript - 可按住的网络按钮不会触发移动设备上的浏览器特定操作

Question

我正在尝试制作一个浏览器应用程序，要求用户按住按钮一段时间以响应刺激。我可以使用任何依赖项来执行此操作，因为我只是构建一个网页作为 JS 音频库的概念证明。我想以最轻松的方式做到这一点，以免被前端高手分心(阅读“必须学习很多东西”)。

在按钮上设置属性 href="#" 时，是否有任何方法可以阻止移动操作系统浏览器打开按钮文本的复制粘贴选项或链接选项。

Answer 1

如果您需要纯 CSS 解决方案，请对 @media 中与移动 View 匹配的元素使用 pointer-events: none;。

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

<小时/>

jQuery Mobile 有一个 taphold事件。

Triggered after a sustained complete touch event.

所以，我想，如果您使用以下代码:

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

上述代码仅在移动设备上执行，在这里，我们阻止默认操作。