js判断鼠标双击单击

来源:互联网 发布:淘宝手机版网页 编辑:程序博客网 时间:2024/04/30 08:30

<a   href= "javascript:void(0) "   onclick= "test() "   ondblclick= "test() "> Click   Me </a>
<script>
function   test()
{
if(event.type   ==   "dblclick")     document.all.mxh.innerText   =   "你双击了我 "
if(event.type   ==   "click")   document.all.mxh.innerText   =   "你单击了我 "
}
</script>
<p> <p> <p> <p>
<div   id=mxh> </div>

 

因为项目需要,今天研究了下单击和双击事件的属性,通过上面的代码,我们能看到是单击还是双击事件(这里用document.all.mxh.innerText    来写单击的选项,如果用alert来弹出显示,总是显示:你单击了我

但是这个属性在应用的过程中,总是会先触发click事件,在函数的外围无法捕捉到dbouleclick事件

所以,想要在doubleclick事件中处理,就把函数在dbouleclick中单独调用

不要和click事件共用一个函数(里面通过event.type去区,或者点击后把event.type的值放到一个控件上,然后取得这个控件的值也不行)

总结:就是把click函数和doubleclick需要的函数分开写(如果里面需要对click和dblclick做不同处理的话)

原创粉丝点击