VUE网页的按下按钮 在手机访问的时候长按会出现菜单
时间: 2024-02-03 21:13:19 浏览: 136
这是因为在移动端上,长按会触发浏览器的默认行为,浏览器会显示出一个上下文菜单。如果你想禁止这个默认行为,可以使用以下代码:
```
document.addEventListener('contextmenu', function(e) {
e.preventDefault();
});
```
这段代码会阻止浏览器显示默认的上下文菜单,但是也会影响到其他页面元素的长按事件。如果你只想禁止某个按钮的长按事件,可以将上面的代码放到该按钮的 touchstart 事件中:
```
button.addEventListener('touchstart', function(e) {
e.preventDefault();
document.addEventListener('touchend', function preventContextMenu(e) {
e.preventDefault();
document.removeEventListener('touchend', preventContextMenu);
});
});
```
这段代码会阻止按钮的长按事件和上下文菜单的显示,但是仍然会触发按钮的点击事件。
阅读全文