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("双击!!!");
             })
        }
  • 相关阅读:
    处理图片
    打死都不放手
    美白
    词云
    太阳花绘制
    测评软件Lemon教程
    --解释?说明:--
    T1 数字配对 题解
    P1100 高低位交换
    P1143 进制转换
  • 原文地址:https://www.cnblogs.com/yang-blogs/p/8377487.html
Copyright © 2011-2022 走看看