【问题标题】：Disable hold but allow click in html(mobile)禁用保持但允许在 html 中单击（移动）
【发布时间】：2023-02-10 04:16:48
【问题描述】：
我正在为移动设备制作一个 pwa，你可以用手指按住一个按钮，然后弹出窗口将带有标准的“复制链接地址”“复制文本”“共享链接”等。
如何在不禁用点击功能的情况下禁用弹出窗口。该按钮重定向到另一个站点
<a class="Button-one" title="Relevant Title" href="HTML/test.html">BTN-1</a>
按钮的html代码。
使用 css，我显然可以使用 pointer-events: none;，但这也会删除按钮的主要用途
【问题讨论】：
标签：
javascript
html
css
progressive-web-apps
【解决方案1】：
要在用户按住按钮时禁用移动设备上出现的上下文菜单，您可以在 JavaScript 中使用 contextmenu 事件。 contextmenu事件在上下文菜单即将显示时触发，您可以通过调用事件对象上的preventDefault方法来阻止它显示。
document.getElementById("my-button").addEventListener("contextmenu", function(event) {
event.preventDefault();
});
document.getElementById("my-button").addEventListener("click", function() {
// Your click handling code here
});