欢迎来到天天文库
浏览记录
ID:30778361
大小:163.78 KB
页数:5页
时间:2019-01-03
《jquery单击事件和双击事件冲突解决方案_jquery》由会员上传分享,免费在线阅读,更多相关内容在工程资料-天天文库。
1、jquery单击事件和双击事件冲突解决方案本人需要给bootstrap-treeview的树节点添加双击事件。而该插件原生方法中不带双击事件功能。该插件的节点默认绑定的单击事件,由此引起了单击事件和双击事件的冲突。编写测试代码引起冲突的代码:hU»i><f.!1>•>><<>$(fL7iciijn()•{1J$<
2、dblcHck:Tt*
«Mppnd(MKp>»3u4;oourini
3、厂U7^.tI—l片h•卄I〉•l>问题效杲
4、展示:fCiD1Z7.Q0丄802tyjQuwy1ool/?(nSU壬=“邑二a*USMUAC3An•Mm•■袖ftkrttnw•二十•norjcecverW件cHciiWItdicliW件*IclickW4t每一次触发双击事件都会引起两次单击事件解决冲突的代码:<1<->><,事"二吃"><士二type•tcxt/tavascripfj>rc•*1s.*,1cucry.iin.1s*>1;>i^cr:pt*>4(/urkTfCf?(){uffrnull;
5、5(*il?/B).tiind("click^/uncticrO{Ut(tIr>M・)jtir^rsctlincwtC/uncttcrO{二丰二“一$Cbody*4).:-:k¥lt<}p>");}>啲);})SCdiv*).Dind(Mdblclick.dm,furetv^O{:'C-—rTiiFnur(lr^r);丄「=:;・.「1iQJIJ$(・£0列・)・□PF**z*).hitid(MM;i.wf-6、0耳严)・□pperd(•cpziousccvc^!•怜《,p厂);}>柑才、方耐•㈣(Jl*二「亠壬号二事仃$(*bodv*')・□pperd(•Musec€t*4i件“pV>;}>J)//、解决问题效果展示:C二127A0.1:8020/jQuerylool/20151221.html丁餐宅LL=牟人至甘启空人夸疋闯匡”匚互B函逅0密臣字鼻“劭痔刃用❻时HrE记車件监控mous20呢T事件dbldick-*#dblclick4i件dblcllckS-dbklickSff完美解决单击事件和双击事件冲突问题这里主要7、用到两个HTMLDOMWindow对象中函数,settimeout(),clearTimeout()fii逹id_of_settimeoutEsetT(meout()返回的该值标帜要取消的延迟取讦代玛块。iS法走义和用法2learTimeoutn方法可§!消由s^Timeout*8、方拓衿罷勺bmeout-a我这里两个单击事件触发的时间间隔设置在等于300毫秒,这里需耍根据实际情况而定。源码如下:
6、0耳严)・□pperd(•cpziousccvc^!•怜《,p厂);}>柑才、方耐•㈣(Jl*二「亠壬号二事仃$(*bodv*')・□pperd(•
Musec€t*4i件“pV>;}>J)//、解决问题效果展示:C二127A0.1:8020/jQuerylool/20151221.html丁餐宅LL=牟人至甘启空人夸疋闯匡”匚互B函逅0密臣字鼻“劭痔刃用❻时HrE记車件监控mous20呢T事件dbldick-*#dblclick4i件dblcllckS-dbklickSff完美解决单击事件和双击事件冲突问题这里主要
7、用到两个HTMLDOMWindow对象中函数,settimeout(),clearTimeout()fii逹id_of_settimeoutEsetT(meout()返回的该值标帜要取消的延迟取讦代玛块。iS法走义和用法2learTimeoutn方法可§!消由s^Timeout*
8、方拓衿罷勺bmeout-a我这里两个单击事件触发的时间间隔设置在等于300毫秒,这里需耍根据实际情况而定。源码如下:
9、head>
click事件
10、(〃body〃)・append(,,
dblclick事件
mouseover事件
此文档下载收益归作者所有