JQuery 提供了三種方式來(lái)阻止事件冒泡。方式一:event.stopPropagation();方式二:event.preventDefault();方式三:return false;區(qū)別:event.stopPropagation() 只阻止事件往上冒泡,不阻止事件本身。
創(chuàng)新互聯(lián)建站主要從事成都網(wǎng)站建設(shè)、網(wǎng)站設(shè)計(jì)、網(wǎng)頁(yè)設(shè)計(jì)、企業(yè)做網(wǎng)站、公司建網(wǎng)站等業(yè)務(wù)。立足成都服務(wù)溆浦,10年網(wǎng)站建設(shè)經(jīng)驗(yàn),價(jià)格優(yōu)惠、服務(wù)專(zhuān)業(yè),歡迎來(lái)電咨詢(xún)建站服務(wù):13518219792
return false;事件委托就是利用冒泡的原理,把事件加到父級(jí)上,通過(guò)判斷事件來(lái)源的子集,執(zhí)行相應(yīng)的操作,事件委托首先可以極大減少事件綁定次數(shù),提高性能;其次可以讓新加入的子元素也可以擁有相同的操作。
通過(guò)一個(gè)小例子來(lái)解釋 代碼如下: Porschev---Jquery事件冒泡 比如上面這個(gè)頁(yè)面, 分為三層:divOne是第外層,divTwo中間層,hr_three是最里層; 他們都有各自的click事件,最里層a標(biāo)簽還有href屬性。
1、通過(guò)一個(gè)小例子來(lái)解釋 代碼如下: Porschev---Jquery事件冒泡 比如上面這個(gè)頁(yè)面, 分為三層:divOne是第外層,divTwo中間層,hr_three是最里層; 他們都有各自的click事件,最里層a標(biāo)簽還有href屬性。
2、通過(guò)返回false來(lái)取消默認(rèn)的行為并阻止事件起泡。jQuery 代碼:復(fù)制代碼代碼如下:(form).bind(submit,function() { return false;} );通過(guò)使用 stopPropagation() 方法只阻止一個(gè)事件起泡。
3、JQuery 提供了兩種方式來(lái)阻止事件冒泡。
4、冒泡事件就是點(diǎn)擊子節(jié)點(diǎn),事件會(huì)向上傳遞,最后觸發(fā)父節(jié)點(diǎn),祖先節(jié)點(diǎn)的點(diǎn)擊事件。
通過(guò)一個(gè)小例子來(lái)解釋 代碼如下: Porschev---Jquery事件冒泡 比如上面這個(gè)頁(yè)面, 分為三層:divOne是第外層,divTwo中間層,hr_three是最里層; 他們都有各自的click事件,最里層a標(biāo)簽還有href屬性。
事件的傳播是有方向的,當(dāng)點(diǎn)擊一個(gè)按鈕時(shí)所產(chǎn)生的事件從這個(gè)按鈕處開(kāi)始向上傳播(就像一個(gè)水泡從杯底冒上來(lái),這就是之所以叫事件冒泡的原因),但這個(gè)事件總是尋找特定的屬性是否有值。
事件冒泡(IE提出):從最具體的元素接收,然后逐級(jí)向上傳播到較為不具體的節(jié)點(diǎn) 事件捕獲:從較為不具體的節(jié)點(diǎn)接收,然后逐級(jí)向下到最具體的元素。PS:假設(shè)有一個(gè)文檔,節(jié)點(diǎn)為 html→body→div→button 。
JQuery 提供了三種方式來(lái)阻止事件冒泡。方式一:event.stopPropagation();方式二:event.preventDefault();方式三:return false;區(qū)別:event.stopPropagation() 只阻止事件往上冒泡,不阻止事件本身。
JQuery 提供了兩種方式來(lái)阻止事件冒泡。
事件委托就是利用冒泡的原理,把事件加到父級(jí)上,通過(guò)判斷事件來(lái)源的子集,執(zhí)行相應(yīng)的操作,事件委托首先可以極大減少事件綁定次數(shù),提高性能;其次可以讓新加入的子元素也可以擁有相同的操作。
事件的傳播是有方向的,當(dāng)點(diǎn)擊一個(gè)按鈕時(shí)所產(chǎn)生的事件從這個(gè)按鈕處開(kāi)始向上傳播(就像一個(gè)水泡從杯底冒上來(lái),這就是之所以叫事件冒泡的原因),但這個(gè)事件總是尋找特定的屬性是否有值。
通過(guò)一個(gè)小例子來(lái)解釋 代碼如下: Porschev---Jquery事件冒泡 比如上面這個(gè)頁(yè)面, 分為三層:divOne是第外層,divTwo中間層,hr_three是最里層; 他們都有各自的click事件,最里層a標(biāo)簽還有href屬性。
e.stopPropagation()方法不再派發(fā)事件。終止事件在傳播過(guò)程的捕獲、目標(biāo)處理或起泡階段進(jìn)一步傳播。調(diào)用該方法后,該節(jié)點(diǎn)上處理該事件的處理程序?qū)⒈徽{(diào)用,事件不再被分派到其他節(jié)點(diǎn)。
return false;事件委托就是利用冒泡的原理,把事件加到父級(jí)上,通過(guò)判斷事件來(lái)源的子集,執(zhí)行相應(yīng)的操作,事件委托首先可以極大減少事件綁定次數(shù),提高性能;其次可以讓新加入的子元素也可以擁有相同的操作。
事件的這幾個(gè)特性在0級(jí)dom中也是適用的。(2)jquery阻止事件起泡實(shí)例 通過(guò)返回false來(lái)取消默認(rèn)的行為并阻止事件起泡。
冒泡事件就是點(diǎn)擊子節(jié)點(diǎn),事件會(huì)向上傳遞,最后觸發(fā)父節(jié)點(diǎn),祖先節(jié)點(diǎn)的點(diǎn)擊事件。
通過(guò)一個(gè)小例子來(lái)解釋 代碼如下: Porschev---Jquery事件冒泡 比如上面這個(gè)頁(yè)面, 分為三層:divOne是第外層,divTwo中間層,hr_three是最里層; 他們都有各自的click事件,最里層a標(biāo)簽還有href屬性。
JQuery 提供了三種方式來(lái)阻止事件冒泡。方式一:event.stopPropagation();方式二:event.preventDefault();方式三:return false;區(qū)別:event.stopPropagation() 只阻止事件往上冒泡,不阻止事件本身。
當(dāng)前名稱(chēng):jquery點(diǎn)擊冒泡 jquery 點(diǎn)擊
分享網(wǎng)址:http://aaarwkj.com/article44/dgcgihe.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供自適應(yīng)網(wǎng)站、云服務(wù)器、搜索引擎優(yōu)化、外貿(mào)建站、App開(kāi)發(fā)、營(yíng)銷(xiāo)型網(wǎng)站建設(shè)
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀(guān)點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話(huà):028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)