jquery单击事件和双击事件冲突解决方案_jquery

jquery单击事件和双击事件冲突解决方案_jquery

ID:30778361

大小:163.78 KB

页数:5页

时间:2019-01-03

jquery单击事件和双击事件冲突解决方案_jquery_第1页
jquery单击事件和双击事件冲突解决方案_jquery_第2页
jquery单击事件和双击事件冲突解决方案_jquery_第3页
jquery单击事件和双击事件冲突解决方案_jquery_第4页
jquery单击事件和双击事件冲突解决方案_jquery_第5页
资源描述:

《jquery单击事件和双击事件冲突解决方案_jquery》由会员上传分享,免费在线阅读,更多相关内容在工程资料-天天文库

1、jquery单击事件和双击事件冲突解决方案本人需要给bootstrap-treeview的树节点添加双击事件。而该插件原生方法中不带双击事件功能。该插件的节点默认绑定的单击事件,由此引起了单击事件和双击事件的冲突。编写测试代码引起冲突的代码:hU»i><f.!1>><<>$(fL7iciijn()•{1J$<

2、dblcHck:Tt*

*)j})$KFiv')・binHK"nuu>zve厂・「■fu/K4icn(){body.).append(M

«Mppnd(MKp>»3u4;oourini

*);})—J)jfF彳訓.:*

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*>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毫秒,这里需耍根据实际情况而定。源码如下:

9、head>

事件监控
〈/script>A$(function(){$(〃div〃)・bind("click.a〃,function(){//单击事件$("body")・append(“

click事件

z,);})$("div〃)・bind("dblclick・a",function(){//双击事件$

10、(〃body〃)・append(,,

dblclick事件

,z);})$(〃div〃)・bind("mouseover.a〃,function(){//鼠标经过元索的事件$(〃body〃)・append(,z

mouseover事件

〃);})$(,,divz,).bindCmouseout.a

当前文档最多预览五页,下载文档查看全文

此文档下载收益归作者所有

当前文档最多预览五页,下载文档查看全文
温馨提示:
1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。