如何在触摸设备上获得jquery功能?

n53p2ov0  于 2023-03-17  发布在  jQuery
关注(0)|答案(1)|浏览(159)

在下面的示例中,当用户按住鼠标按钮时,el的大小将逐渐调整1px
如何在触控设备上获得此功能?
Jquery移动的已弃用
我需要一个插件,库或...什么,什么是相应的事件?
希望提供一些代码示例

var el = $('#el');

function go_wplus(){
    let x = el.width() + 1;
    el.width(x);
}

var int;

el.on('mousedown', function(){
    int = setInterval(go_wplus, 100);
}).mouseup(function(){
    clearInterval(int);
});
.el{position:absolute; left:0; top:0; width:50px; height:50px; background:orange; cursor:pointer;}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class='el' id='el'></div>
hts6caw3

hts6caw31#

触控设备上的touchstarttouchend事件分别对应于桌面设备上的mousedownmouseup事件。

相关问题