javascript 实现单击和双击并存

在我们进行网页开发的过程中经常会遇到这么一个问题，为一个链接注册双击事件，或者让一个按钮或者其他元素上面同时注册单击或者双击事件，这时候我 们发现网页中的双击事件似乎永远都不会起作用，原因是当我们点击一次的时候，就被超链接或者单击事件截获了，本文描述了一个如何解决这个技术问题的具体方 法。本解决方案的实现原理是，单击事件和双击事件都调用同一个方法，我们根据两次鼠标点击的间隔事件来判断到底是单击还是双击事件。单击事件来临的时候先 不调用，等一小段时间，过了这段时间，如果没有下一次单击来临就开始调用单击对应的操作，如果有下一次点击就调用双击。

详细描述请参加下面代码清单：


 
 
 
 
 
 
 

 
 

                onclick="handleWisely(event.type)"
         ondblclick="handleWisely(event.type)"
         style="color: blue; font-family: arial; cursor: hand">
      点击一下看看结果：
   
   

    
   

     
       
         
       
       

         
       
     

事件模式:

   

 


如需要转载，请注明本文来自程式先锋技术维客 [url]http://www.javabiz.cn[/url]