html冒泡事件(html毛玻璃效果)
1、冒泡是一種在 HTML 中的屬性,用于指定元素及其子元素是否可以響應(yīng)事件如果冒泡屬性設(shè)置為 true,則元素及其子元素可以響應(yīng)事件,如果設(shè)置為 false,則只有元素本身可以響應(yīng)事件。
2、首先對(duì)a標(biāo)記加上 href=quotjavascriptvoid0quot這樣就可以防止冒泡,然后把一些這個(gè)上面的操作,放到onclick方法中去操作,這樣就可以解決a標(biāo)記事件冒泡的問題了。
3、冒泡事件指的是在計(jì)算機(jī)科學(xué)中的一種排序算法,它的特點(diǎn)是比較相鄰的兩個(gè)元素的大小,如果前面一個(gè)元素比后面一個(gè)元素大,就交換它們的位置,直到序列中的所有元素都被比較過一遍冒泡事件在實(shí)際應(yīng)用中并不常見,因?yàn)樗臅r(shí)。
4、1cancelBubbleHTML DOM Event 對(duì)象屬性 如果事件句柄想阻止事件傳播到包容對(duì)象,必須把該屬性設(shè)為 true2stopPropagationHTML DOM Event 對(duì)象方法終止事件在傳播過程的捕獲目標(biāo)處理或起泡階段進(jìn)一步傳播調(diào)用。
5、阻止事件冒泡事件冒泡機(jī)制有時(shí)候是不需要的,需要阻止掉,通過 eventstopPropagation 來阻止 function 代合并阻止操作實(shí)際開發(fā)中,一般把阻止冒泡和阻止默認(rèn)行為合并起來寫,合并寫法可以用 event。
6、原理事件冒泡DOM的遍歷優(yōu)點(diǎn)內(nèi)存效率簡(jiǎn)化代碼缺點(diǎn)無法直接操作子元素性能問題1事件冒泡在事件流中,事件從最內(nèi)層元素開始觸發(fā),向外層傳遞,即事件冒泡2DOM的遍歷一個(gè)父級(jí)元素包含的子元素過多。
7、事件冒泡開始時(shí)由最具體的元素接收,然后逐級(jí)向上傳播到到 DOM 最頂層節(jié)點(diǎn)1標(biāo)準(zhǔn)寫法利用事件對(duì)象里面的 stopPropagation方法 estopPropagation 2非標(biāo)準(zhǔn)寫法IE 68 利用事件對(duì)象 cancelBubble 屬性 e。
8、第二個(gè)會(huì)彈出 b 第三個(gè)會(huì)彈出 c 這樣就可以阻止事件冒泡 會(huì)彈出兩次 第一個(gè)會(huì)彈出 a 第二個(gè)會(huì)彈出 b 阻止了 c 的彈出 這是事件捕捉,一共會(huì)彈出三次 第一個(gè)會(huì)彈出 c 第二個(gè)會(huì)彈出 b 第三個(gè)會(huì)彈出。
9、另外,還有要注意的是onmouseover和onmouseout事件有冒泡即鼠標(biāo)移到其后代元素上時(shí)會(huì)觸發(fā),若這里不懂什么是冒泡請(qǐng)自行百度吧,所以,更多情況下我們推薦使用mouseenter和mouseleave來代替這兩個(gè)事件我簡(jiǎn)單的做了一個(gè)類似的。
10、3類1冒泡型事件流事件,按照從特定的事件目標(biāo)到最不特定的事件目標(biāo)Document對(duì)象的順序觸發(fā)也就是事件是從下向上傳遞的2捕獲型事件流冒泡型事件流相反,事件總是從最不精確的對(duì)象開始觸發(fā),然后到最精確3。
11、1打開sublime text 3,點(diǎn)擊左上方的“文件”,選擇“新建文件”,新建一個(gè)后綴名為html的文件,并命名標(biāo)題2在Body中添加一個(gè)簡(jiǎn)單的input按鈕,添加一個(gè)點(diǎn)擊事件mymaopao,用來在瀏覽器中查看效果3定義兩個(gè)變量i。
12、如果沒有,自己寫一個(gè),其實(shí)就是點(diǎn)選事件的冒泡 ltbutton type=button datatarget=quot#div1quot顯示id為div1的元素里的內(nèi)容ltbutton ltbutton type=button datatarget=quot#div2quot顯示id為div2的元素里的內(nèi)容lt。
13、事件冒泡是指,當(dāng)一個(gè)元素上的事件被觸發(fā)時(shí),該事件會(huì)向該元素的父元素冒泡,直到到達(dá)頂層元素例如,如果點(diǎn)擊一個(gè)按鈕,會(huì)觸發(fā)按鈕上的click事件,然后該事件會(huì)冒泡到按鈕所在的div元素,再冒泡到body元素,最后冒泡到頂層。
14、如果ltp是在ltdiv里面,那么呢,ltP有一個(gè)onclick事件,ltdiv也有onclick事件,為了觸發(fā)ltP的點(diǎn)擊事件時(shí),不觸發(fā)父元素的點(diǎn)擊事件,那么就需要調(diào)用如下函數(shù)代碼如下function stopBubblee ifeestopPropagation。
15、事件流描述的是從頁(yè)面中接收事件的順序,IE采用事件冒泡流,標(biāo)準(zhǔn)采用事件捕獲流,最后addEventLister給出了第三個(gè)參數(shù)同時(shí)支持冒泡與捕獲常用的事件主要有1單擊事件onclick用戶單擊鼠標(biāo)按鍵時(shí)產(chǎn)生的事件,同時(shí)nclick。
掃描二維碼推送至手機(jī)訪問。
版權(quán)聲明:本文由飛速云SEO網(wǎng)絡(luò)優(yōu)化推廣發(fā)布,如需轉(zhuǎn)載請(qǐng)注明出處。