使用js 实现移动端长按事件
时间: 2023-07-20 10:03:40 浏览: 97
移动端html5模拟长按事件的实现方法
可以使用 `touchstart` 和 `touchend` 事件来实现移动端的长按事件。下面是一个使用 JavaScript 实现的例子:
```javascript
let pressTimer = null;
// 开始触摸事件,设置定时器
document.addEventListener('touchstart', function(event) {
pressTimer = window.setTimeout(function() {
// 在这里执行长按事件的回调函数
console.log('长按事件触发!');
}, 1000);
}, false);
// 结束触摸事件,清除定时器
document.addEventListener('touchend', function(event) {
if (pressTimer !== null) {
window.clearTimeout(pressTimer);
pressTimer = null;
}
}, false);
```
在上面的代码中,当用户触摸屏幕时,设置一个 1 秒的定时器。如果在 1 秒内用户没有松开手指,就会触发长按事件的回调函数。如果用户在 1 秒内松开了手指,则清除定时器,长按事件不会触发。通过调整定时器的时间,可以自定义长按触发的时间。
阅读全文