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