zoukankan      html  css  js  c++  java
  • jQuery实现长按按钮触发事件的方法

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

     

  • 相关阅读:
    [GCJ2017R2]Fresh Chocolate
    李耀于NOIP2010集训出的题 Dvalue
    POI ZAW
    POI SZP
    無名(noname)
    幸运序列(lucky)
    [HNOI2001]求正整数
    灰狼呼唤着同胞(brethren)
    神在夏至祭降下了神谕(oracle)
    [bzoj 4237] 稻草人
  • 原文地址:https://www.cnblogs.com/qhorse/p/4843408.html
Copyright © 2011-2022 走看看