jQuery实现长按按钮触发事件的方法

时间：2020-12-29 17:21:04
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>无标题文档</title>

<script type="text/javascript" src="jquery.min.js"></script>  

</head>  

<body>

<div id="mydiv" style="width:100px; height:100px; background:#ddd;">长按2秒执行其他事件</div>

</body>

</html>  

<script>  

    var timeout ;  

    $("#mydiv").mousedown(function() {

        timeout = setTimeout(function() {

            $("#mydiv").text("执行到其他事件");

        }, 2000);

    });  

    $("#mydiv").mouseup(function() {

        clearTimeout(timeout);

        $("#mydiv").text("长按2秒执行其他事件");

    });  

    $("#mydiv").mouseout(function() {

        clearTimeout(timeout);

        $("#mydiv").text("长按2秒执行其他事件");

    });  

</script>

jQuery实现长按按钮触发事件的方法

相关文章