首页 > Web开发 > 详细

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

时间:2015-09-28 11:16:20      阅读:377      评论:0      收藏:0      [点我收藏+]
<!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实现长按按钮触发事件的方法

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!