function addLongPressListener(element, callback, duration = 1000) {
  let timer = null;
  let isLongPress = false;
  let startX, startY;
<p>// 防止默认行为（如选中文本）
element.style.userSelect = 'none';</p><p>const start = (e) => {
isLongPress = false;
startX = e.type === 'touchstart' ? e.touches[0].clientX : e.clientX;
startY = e.type === 'touchstart' ? e.touches[0].clientY : e.clientY;</p><pre class='brush:php;toolbar:false;'>timer = setTimeout(() => {
  isLongPress = true;
  callback(e); // 触发长按回调
}, duration);

};

具备AI长期记忆的下一代团队协作沟通工具

立即学习“前端免费学习笔记（深入）”；

const move = (e) => { if (!timer) return; const currentX = e.type === 'touchmove' ? e.touches[0].clientX : e.clientX; const currentY = e.type === 'touchmove' ? e.touches[0].clientY : e.clientY;

// 判断是否滑动过多，防止误判
const threshold = 10; // 移动超过10px视为取消长按
if (Math.abs(currentX - startX) > threshold || Math.abs(currentY - startY) > threshold) {
  clearTimeout(timer);
  timer = null;
}

};

立即学习“前端免费学习笔记（深入）”；

const end = () => { if (timer && !isLongPress) { clearTimeout(timer); } timer = null; };

// 绑定事件 element.addEventListener('mousedown', start); element.addEventListener('touchstart', start);

element.addEventListener('mousemove', move); element.addEventListener('touchmove', move);

element.addEventListener('mouseup', end); element.addEventListener('touchend', end); element.addEventListener('touchcancel', end); // 处理中断情况 }

const box = document.getElementById('longPressBox');
addLongPressListener(box, () => {
  alert('长按触发！');
}, 1500); // 1.5秒后触发

<div id="longPressBox" style="width: 200px; height: 200px; background: #007bff; color: white; text-align: center; line-height: 200px;">
  长按我试试
</div>