您可以尝试以下代码:

<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 秒。

请注意,由于移动设备上的触摸事件与桌面设备上的鼠标事件不同,因此需要同时监听 mousedowntouchstartmouseupmouseleavetouchend 事件。

使用 jq 我有个div 我想让手机端长按2s 弹出你好提示

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

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