jquery捕獲冒泡 jquery冒泡事件

事件模型

event代表事件的狀態(tài)，例如觸發(fā)event對(duì)象的元素，鼠標(biāo)的位置及狀態(tài)、按下的鍵等。

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

對(duì) 于在客戶(hù)端引發(fā)的事件，ASP.NET Web 控件事件模型要求在客戶(hù)端捕獲事件信息，并通過(guò) HTTP POST 將事件消息傳輸?shù)椒?wù)器。頁(yè)必須解釋該 POST 以確定所發(fā)生的事件，然后在要處理該事件的服務(wù)器上調(diào)用代碼中的相應(yīng)方法。

捕獲型事件流：事件的傳播是從最不特定的事件目標(biāo)到最特定的事件目標(biāo)。即從DOM樹(shù)的根到葉子。事件捕獲的思想就是不太具體的節(jié)點(diǎn)應(yīng)該更早接收到事件，而最具體的節(jié)點(diǎn)最后接收到事件。

jquery的冒泡事件

1、JQuery 提供了三種方式來(lái)阻止事件冒泡。方式一：event.stopPropagation()；方式二：event.preventDefault()；方式三：return false；區(qū)別：event.stopPropagation() 只阻止事件往上冒泡，不阻止事件本身。

2、通過(guò)一個(gè)小例子來(lái)解釋代碼如下： Porschev---Jquery事件冒泡比如上面這個(gè)頁(yè)面，分為三層：divOne是第外層，divTwo中間層，hr_three是最里層；他們都有各自的click事件，最里層a標(biāo)簽還有href屬性。

3、事件的傳播是有方向的，當(dāng)點(diǎn)擊一個(gè)按鈕時(shí)所產(chǎn)生的事件從這個(gè)按鈕處開(kāi)始向上傳播（就像一個(gè)水泡從杯底冒上來(lái)，這就是之所以叫事件冒泡的原因），但這個(gè)事件總是尋找特定的屬性是否有值。

4、JQuery 提供了兩種方式來(lái)阻止事件冒泡。

5、冒泡事件就是點(diǎn)擊子節(jié)點(diǎn)，事件會(huì)向上傳遞，最后觸發(fā)父節(jié)點(diǎn)，祖先節(jié)點(diǎn)的點(diǎn)擊事件。

6、事件委托也稱(chēng)為事件代理，在 jQuery 里面稱(chēng)為事件委派。不是每個(gè)子節(jié)點(diǎn)單獨(dú)設(shè)置事件監(jiān)聽(tīng)器，而是事件監(jiān)聽(tīng)器設(shè)置在其父節(jié)點(diǎn)上，然后利用冒泡原理影響設(shè)置每個(gè)子節(jié)點(diǎn)。

關(guān)于jquery事件冒泡求助

3、JQuery 提供了兩種方式來(lái)阻止事件冒泡。

4、事件的傳播是有方向的，當(dāng)點(diǎn)擊一個(gè)按鈕時(shí)所產(chǎn)生的事件從這個(gè)按鈕處開(kāi)始向上傳播（就像一個(gè)水泡從杯底冒上來(lái)，這就是之所以叫事件冒泡的原因），但這個(gè)事件總是尋找特定的屬性是否有值。

5、事件冒泡（IE提出）：從最具體的元素接收，然后逐級(jí)向上傳播到較為不具體的節(jié)點(diǎn) 事件捕獲：從較為不具體的節(jié)點(diǎn)接收，然后逐級(jí)向下到最具體的元素。PS：假設(shè)有一個(gè)文檔，節(jié)點(diǎn)為 html→body→div→button 。

jquery中的delegate函數(shù)有什么用

1、(p).delegate(body， click， function(){ alert(P元素的CLICK事件！)；})；這個(gè)代碼的意思是向Body元素下面的已有P元素以及未來(lái)被添加到body的P元素添加click事件。

2、在事件綁定和委派，delegate()和on在一般情況下，這兩種方法是等效的。.delegate()指定的元素(屬于被選元素的子元素)添加一個(gè)或多個(gè)事件處理程序，并規(guī)定當(dāng)這些事件發(fā)生時(shí)運(yùn)行的函數(shù)。

3、delegate用于事件委托，也是綁定過(guò)JavaScript或者jQuery添加的DOM元素事件。

4、delegate和on方法被選元素的子元素必須是合法的子元素。on(events，[selector]，[data]，fn)，參數(shù)[selector]是可選，一個(gè)選擇器字符串用于過(guò)濾器的觸發(fā)事件的選擇器元素的后代。delegate的selector是必需的。

5、jQuery：jQuery的delegate的方法需要三個(gè)參數(shù)，一個(gè)選擇器，一個(gè)時(shí)間名稱(chēng)，和事件處理函數(shù)。而Dojo的與jQuery相似，僅是兩者的編程風(fēng)格上的差別：Dojo的delegate模塊在dojox.NodeList中，提供的接口與jQuery一樣，參數(shù)也相同。

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

網(wǎng)站標(biāo)題：jquery捕獲冒泡 jquery冒泡事件
文章來(lái)源：http://muchs.cn/article42/dgeeshc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站制作、微信公眾號(hào)、App設(shè)計(jì)、網(wǎng)站策劃、企業(yè)網(wǎng)站制作、企業(yè)建站

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶(hù)投稿、用戶(hù)轉(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í)需注明來(lái)源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容