使用 jq 我有个div 我想让手机端长按2s 弹出你好提示
您可以尝试以下代码:
<div id="myDiv">长按我</div>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
var pressTimer;
$('#myDiv').on('mousedown touchstart', function() {
pressTimer = window.setTimeout(function() {
alert('你好');
}, 2000);
return false;
}).on('mouseup mouseleave touchend', function() {
window.clearTimeout(pressTimer);
return false;
});
</script>
这段代码使用了 jQuery 库,当用户在移动设备上长按 myDiv 元素时,会弹出 你好 的提示框。2000 表示长按时间为 2 秒。
请注意,由于移动设备上的触摸事件与桌面设备上的鼠标事件不同,因此需要同时监听 mousedown、touchstart、mouseup、mouseleave 和 touchend 事件。
原文地址: https://www.cveoy.top/t/topic/b4Sw 著作权归作者所有。请勿转载和采集!