jquery單擊事件和雙擊事件沖突解決方案_jquery_第1頁(yè)
jquery單擊事件和雙擊事件沖突解決方案_jquery_第2頁(yè)
jquery單擊事件和雙擊事件沖突解決方案_jquery_第3頁(yè)
jquery單擊事件和雙擊事件沖突解決方案_jquery_第4頁(yè)
jquery單擊事件和雙擊事件沖突解決方案_jquery_第5頁(yè)
全文預(yù)覽已結(jié)束

下載本文檔

版權(quán)說明：本文檔由用戶提供并上傳，收益歸屬內(nèi)容提供方，若內(nèi)容存在侵權(quán)，請(qǐng)進(jìn)行舉報(bào)或認(rèn)領(lǐng)

文檔簡(jiǎn)介

1、jquery單擊事件和雙擊事件沖突解決方 案本人需要給bootstrap-treeview的樹節(jié)點(diǎn)添加雙擊事件。而該插件原生方法中 不帶雙擊事件功能。該插件的節(jié)點(diǎn)默認(rèn)綁定的單擊事件，由此引起了單擊事件和 雙擊事件的沖突。編寫測(cè)試代碼引起沖突的代碼：<!< iiqciy1>hu»i><</<chsrt *utf 8*>f . ! 1 ></>><</i!y>< ><type ktexit/javascript * «rc-mjs/jqurry .gin 丿><

2、;rtypew tex/jovascriptv >$(fl7icii jn() 1j$< <dlv).b1nid(*dblrllciirfca*»dnrrfon() $(* body*).append(mkp>dblchck：tt*</p>*)j)$k fiv' )binhk"nuu>zve廠 fu/k 4icn() body. ).append(m<p>«m<jbeuver<ft；wa<i1v ) .b<md("moiiwm/t-./unrf-fnr () $(* b

3、ody- )<of>ppnd(mkp>»3u4；oourini</p>*);)j)jff彳訓(xùn).：*| 廠 u 7 .ti l片h 卄i l>問題效杲展示:f c i d 1z7.q0丄802tyjquwy1ool/?(nsu壬=“ 邑二a*usmua c3 an mm 袖ft krttn w二十norjcecverw 件 chciiwit dicliw 件*iclickw4t每一次觸發(fā)雙擊事件都會(huì)引起兩次單擊事件解決沖突的代碼:<1< - >< u*f< ></ >< ，事"二吃&qu

4、ot;></wdv>< 士二 type tcxt/tavascripf j>rc *1s.*,1cucry.iin.1s*></1; >< lyph*lrxl/»iv>icr:pt *>4(/urk tfcf?() uffrnull;5(*il?/b).tiind("click /uncticro ut(t ir>m)jtirr sctlincwtc/uncttcro 二豐 二 “ 一 $c body*4).: -:k¥lt <p>")；> 啲)；) scdiv*)

5、.dind(mdblclick. dm, furetvo ：'c-rtiifnur(l rr);丄 =：；.1i qji j$(£0列)pf<r(-<p?dblclick1i 件"”；>* *z* ) .hitid(mm；i. wf-<r.*hr. hmj l.r.r i (一過二久；$：h &0耳嚴(yán))pperd(cpziousccvc !憐,p廠);>柑才、方耐(j l *二亠壬號(hào)二事仃 $(*bodv*')pperd ( < p>musect*4i 件 “p v > ；>j)/ / 、解決問題

6、效果展示:c 二 127a0.1:8020/jquerylool/2015 12 21.html 丁餐宅ll=牟人至甘啟空人夸疋闖匡”匚互b函逅0密臣字鼻“劭痔刃用 時(shí)hre記車件監(jiān)控mous 20呢t事件dbldick-*#dblclick4i 件dblcllcks-dbkli cksff完美解決單擊事件和雙擊事件沖突問題這里主要用到兩個(gè) htmldomwindow 對(duì)象中函數(shù)，settimeout (), cleartimeout ()fii逹id_of_se ttimeoute sett(meout()返回的該值標(biāo)幟要取消的延遲取訐代瑪塊。is法走義和用法2leartimeoutn 方法

7、可§!消由 stimeout* | 方拓衿罷勺 bmeout-a我這里兩個(gè)單擊事件觸發(fā)的時(shí)間間隔設(shè)置在等于300毫秒，這里需耍根據(jù)實(shí)際情 況而定。源碼如下：<!doctype html><html><head><meta charset二utf-8"><title></title></head><body><div>事件監(jiān)控</div></body><script typc="text/javascript src=z，js/j

8、query.min. js>/script><script type="text/javascript>a$ (function () $(div) bind ("click. a, function () /單擊事件$ ("body") append (“<p>cl ick 事件</p>z，);)$("div) bind("dblclick a", function () /雙擊事件$ (body) append (，<p>dblclick 事件</p>

9、;，z);)$(div) bind ("mouseover. a，function () /鼠標(biāo)經(jīng)過元索的事件 $(body) append (，z<p>mouseover 事件</p>);)$ (，divz，). bind cmouseout. a，z, function () /鼠標(biāo)移出元素的事件 $(body). append (，<p>mouseout 事件/p>)；)*/$ (function () var timer = null;$(div). bind ("click. a, function () /單擊事件cle

10、artimeout(timer);timer 二 settimeout (function () /在單擊事件中添加一個(gè) settimeout () 函數(shù)，設(shè)置單擊事件觸發(fā)的時(shí)間間隔$ ("body") append (z，<p>click 事件/p>)；, 300);)$(div). bind(dblclick a, function () /雙擊事件cleartimeout (timer) ; /在雙擊事件中,先清除前面click事件的時(shí)間處 理$(body") append (z，<p>dblclick 事件</p>，z);)$ (，zdiv，z). bind (mouseover. a，z, function () /鼠標(biāo)經(jīng)過元素的事件$ (z，bodyz，). append (z，<p>mouseover 事件</p>，z);)$ (div).

溫馨提示

  • 1. 本站所有資源如無特殊說明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請(qǐng)下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請(qǐng)聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙，網(wǎng)頁(yè)內(nèi)容里面會(huì)有圖紙預(yù)覽，若沒有圖紙預(yù)覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫(kù)網(wǎng)僅提供信息存儲(chǔ)空間，僅對(duì)用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理，對(duì)用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯，并不能對(duì)任何下載內(nèi)容負(fù)責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容，請(qǐng)與我們聯(lián)系，我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶因使用這些下載資源對(duì)自己和他人造成任何形式的傷害或損失。

評(píng)論

0/150

提交評(píng)論