在下面的示例中,当用户按住鼠标按钮时,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>
1条答案
按热度按时间hts6caw31#
触控设备上的
touchstart
和touchend
事件分别对应于桌面设备上的mousedown
和mouseup
事件。