jquery委派事件 jq 事件委派

JS-阻止冒泡事件與事件委托

1、前面說過,IE提出的是冒泡流,而網(wǎng)景提出的是捕獲流,后來在W3C組織的統(tǒng)一之下,JS支持了冒泡流和捕獲流,但是目前低版本的IE瀏覽器還是只能支持冒泡流(IE6,IE7,IE8均只支持冒泡流),所以為了能夠兼容更多的瀏覽器,建議大家使用冒泡流。

成都創(chuàng)新互聯(lián)公司-專業(yè)網(wǎng)站定制、快速模板網(wǎng)站建設(shè)、高性價(jià)比武江網(wǎng)站開發(fā)、企業(yè)建站全套包干低至880元,成熟完善的模板庫(kù),直接使用。一站式武江網(wǎng)站制作公司更省心,省錢,快速模板網(wǎng)站建設(shè)找我們,業(yè)務(wù)覆蓋武江地區(qū)。費(fèi)用合理售后完善,10年實(shí)體公司更值得信賴。

2、事件冒泡:開始時(shí)由最具體的元素接收,然后逐級(jí)向上傳播到到 DOM 最頂層節(jié)點(diǎn)。

3、js中的事件流在解析事件委托之前,我們先回顧一下js中的事件流,即冒泡和捕獲。① .冒泡:當(dāng)下級(jí)節(jié)點(diǎn)觸發(fā)某個(gè)事件的時(shí)候,該事件會(huì)逐級(jí)向上觸發(fā)上級(jí)節(jié)點(diǎn)的同類事件。② .捕獲:和冒泡類似,只不過事件的順序相反。

4、js阻止冒泡 在阻止冒泡的過程中,W3C和IE采用的不同的方法,那么我們必須做以下兼容。

5、事件冒泡過程(以標(biāo)簽ID表示):hr_three---divTwo---divOne。從最里層冒泡到最外層。

6、當(dāng)我們點(diǎn)擊子元素,觸發(fā)的時(shí)事件會(huì)傳遞給父元素,這就是事件冒泡。

jQuery中delegate和on的用法與區(qū)別詳細(xì)解析

1、兩者區(qū)別是seleter和events順序不同 delegate和on方法被選元素的子元素必須是合法的子元素。on(events,[selector],[data],fn),參數(shù)[selector]是可選,一個(gè)選擇器字符串用于過濾器的觸發(fā)事件的選擇器元素的后代。

2、delegate用于事件委托,也是綁定過JavaScript或者jQuery添加的DOM元素事件。

3、data:可選;需要傳遞的參數(shù);function:必需;當(dāng)綁定事件發(fā)生時(shí),需要執(zhí)行的函數(shù);適用所有版本,但是根據(jù)guan 網(wǎng)解釋,自從jquery7版本以后bind()函數(shù)推薦用on()來代替。

4、從jQuery 7開始,請(qǐng)優(yōu)先使用事件函數(shù)on()替代該函數(shù)。該函數(shù)屬于jQuery對(duì)象(實(shí)例)。語法 jQuery 2 新增該函數(shù)。

5、如果使用on的時(shí)候,不設(shè)置selector,那么on與bind就沒有區(qū)別了。(2)on綁定的事件處理函數(shù),對(duì)于未來新增的元素一樣可以的,和delegate效果相同,而bind則不行。

jquery中用什么函數(shù)委派事件,location對(duì)象

data:作為event.data屬性值傳遞給事件對(duì)象的額外數(shù)據(jù)對(duì)象 fn:綁定到每個(gè)匹配元素的事件上面的處理函數(shù) (type,[data],false)type:含有一個(gè)或多個(gè)事件類型的字符串,由空格分隔多個(gè)事件。

(像click(),focus(),keydown()這樣的事件這里就不提了,那些都是開發(fā)中比較常用到的。

如果你使用過 jQuery , 就必然使用過 ready 函數(shù),它用來注冊(cè)當(dāng)頁(yè)面準(zhǔn)備好之后可以執(zhí)行的函數(shù)。

在js中事件會(huì)冒泡到父級(jí)節(jié)點(diǎn),所以我們可以在父級(jí)節(jié)點(diǎn)進(jìn)行事件代理。

本文題目:jquery委派事件 jq 事件委派
路徑分享:http://muchs.cn/article28/dipegjp.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)頁(yè)設(shè)計(jì)公司外貿(mào)網(wǎng)站建設(shè)、網(wǎng)站策劃、手機(jī)網(wǎng)站建設(shè)、服務(wù)器托管、軟件開發(fā)

廣告

聲明:本網(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)

手機(jī)網(wǎng)站建設(shè)