zoukankan      html  css  js  c++  java
  • js单双击事件

    思路:利用jquery的bdclick事件(双击事件)。

    难点:给同一个元素绑定单击事件和双击事件会发生冲突,出现错误。

    解决:利用js定时器 setTimeout(),方法解决。

      首先给元素绑定一单击事件,单击事件方法内加入定时器,规定单击300ms后触发。

      然后绑定双击事件,执行clearTimeout()方法,令定时器失效,接着执行对应的双击操作。

       执行结果为,300毫秒内点击两次对象触发双击事件,否则触发单击事件。

      具体代码如下。

    function bindClick(){
            var timeallUserName = null;
            $("div[name='divTest']").bind("click",function(){                
                   clearTimeout(timeallUserName);                
                   timeallUserName = setTimeout(function(){                    
                        alert("单击!!");                  
                   }, 300);
             }).bind("dblclick",function(){                
                   clearTimeout(timeallUserName);                
                  alert("双击!!!");
             })
        }
  • 相关阅读:
    Python的递归深度问题
    Python之多进程
    Python之多线程
    Git的基本操作
    ref与out区别
    Numpy基本操作
    面向对象中有哪些双下线方法及应用场景
    上下文管理
    Local与LocalStack
    基于列表实现栈
  • 原文地址:https://www.cnblogs.com/yang-blogs/p/8377487.html
Copyright © 2011-2022 走看看