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

最新推荐文章于 2022-06-24 16:21:48 发布

weixin_33749242

最新推荐文章于 2022-06-24 16:21:48 发布

阅读量542

点赞数

文章标签： javascript xhtml ViewUI

原文链接：http://www.cnblogs.com/qhorse/p/4843408.html

版权

<!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>