Fdream's Blog
专注于WEB前端开发
Powered by Google

Firefox下和IE下的单击和双击事件差异

2 晴天 2008-4
Fdream 发表于 Ajax Web, 已被阅读 5419 次, 评论 3 条
关键词:Firefox IE JavaScript
[ 阅读字体大小: ]

如果在一个DOM对象上同时绑定单击(click)和双击(dblclick)事件,当在这个DOM对象上发生双击事件时,在IE下和在Firefox下将出现不一样的现象:

在IE下,第一次点击(click)会触发一次单击(click)事件,第二次点击(连续的)将会触发双击(dblclick)事件,并不触发单击事件(click);

在FF下,第一次点击(click)会触发一次单击(click)事件,第二次点击(连续的)也会触发双击(dblclick)事件,与在IE下不同的是,这次还是会触发单击(click)事件。

当需要在DOM上同时绑定单击和双击事件时,只有自己写代码实现了:

第一次点击记录下点击的时间,并设置单击事件的Timeout(250ms比较合适),第二次点击时判断此时点击的时间与上次点击的时间间隔,如果小于指定的事件间隔(比如250ms),则判断为双击事件,并clear已设置的Timeout(避免触发单击事件)。

记录点击时间需要注意的一点,就是在IE下,你必须同时绑定单击和双击事件来记录点击时间,而在Firefox下你只需要绑定单击事件来记录每次点击时间,原因写在文章的开头了。

Related articles 您可能对这些文章也感兴趣:
Related comments 与该文相关的评论:(我也想说几句)
引用这个评论  耳闻味儿 于 3/16/2009 1:29:57 PM 发表评论: 

[cry]

[cry]
引用这个评论  耳闻味儿 于 3/16/2009 1:29:13 PM 发表评论: 

[cry]

[cry]
引用这个评论  HotHeart 于 4/3/2008 11:44:44 PM 发表评论: 

IE下的处理貌似跟WinForm下有些像~~

IE下的处理貌似跟WinForm下有些像~~
Add a comment 我来说两句: 
禁止表情
禁止UBB
禁止图片
识别链接
识别关键字
表  情
arrow
用户名:   密码:  (匿名可不写) 同时注册?
验证码:   看不清?换个图片  看不清楚?换个图片

 
Copyright © 2005-2008,Fdream All Rights Reserved
Processed in 0.4843688 second(s) , unknow queries
Powered by OWord V0.1, Even Not Alpha
(此博客程序为半成品,请勿索取,以免给您的心灵造成创伤^_^)
鄂ICP备05026031号