思路:利用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("双击!!!");
         })
    }

 

相关文章:

  • 2021-11-24
  • 2022-12-23
  • 2022-12-23
  • 2021-06-30
  • 2022-12-23
  • 2021-07-29
  • 2022-12-23
  • 2022-12-23
猜你喜欢
  • 2022-01-01
  • 2021-09-25
  • 2022-01-22
  • 2022-12-23
  • 2021-09-08
  • 2022-12-23
  • 2021-11-17
相关资源
相似解决方案