JS 中没有原生的鼠标长按事件,但可以通过以下方式模拟实现:

  1. 使用 'mousedown' 和 'mouseup' 事件结合 'setTimeout' 函数模拟长按事件。
var timer;
document.addEventListener('mousedown', function(e) {
    timer = setTimeout(function() {
        // 长按事件
    }, 500); // 设置长按时间,单位毫秒
});
document.addEventListener('mouseup', function(e) {
    clearTimeout(timer);
});
  1. 使用 'touchstart' 和 'touchend' 事件结合 'setTimeout' 函数模拟长按事件,适用于移动设备上。
var timer;
document.addEventListener('touchstart', function(e) {
    timer = setTimeout(function() {
        // 长按事件
    }, 500); // 设置长按时间,单位毫秒
});
document.addEventListener('touchend', function(e) {
    clearTimeout(timer);
});
JavaScript 鼠标长按事件实现方法

原文地址: https://www.cveoy.top/t/topic/mN0I 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录