js事件監(jiān)聽 事件冒泡 和css3新增

事件監(jiān)聽:事件捕獲 目標(biāo)階段 冒泡階段

事件冒泡:當(dāng)使用事件冒泡時,子元素先觸發(fā),父級元素后觸發(fā)。

//阻止事件冒泡

if(typeof ev.stopPropagation=='function') { 標(biāo)準(zhǔn)的

ev.stopPropagation();

} else { //非標(biāo)準(zhǔn)IE

window.event.cancelBubble = true;

}

阻止事件默認(rèn)行為

事件綁定模式下的 return false,

事件監(jiān)聽模式下的 event.preventDefault() 和 event.returnValue = false;

return false既可以阻止事件冒泡,又可以阻止事件默認(rèn)行為

element1--element2a[src^="https"]? 選擇其src屬性值以"https"開頭的每個元素

a[src$=".pdf"]? 選擇其src屬性以".pdf"結(jié)尾的所有元素

a[src*="abc"]? ? 選擇其src屬性中包含"abc"子串的每個元素

p:first-of-type? ? 選擇屬于其父元素的首個元素的每個元素

p:last-of-type? ? 選擇屬于其父元素的最后元素的每個元素

p:only-of-type? 選擇屬于其父元素唯一的元素的每個元素

p:only-child? ? 選擇屬于其父元素的唯一子元素的每個元素

p:nth-child(2)? ? 選擇屬于其父元素的第二個子元素的每個元素

p:nth-last-child(2)? 同上,從最后一個子元素開始計數(shù)。

p:nth-of-type(2)? ? 選擇屬于其父元素第二個元素的每個元素

p:nth-last-of-type(2)? ? 同上,但是從最后一個子元素開始計數(shù)

p:last-child? ? 選擇屬于其父元素最后一個子元素每個元素

:root 選擇文檔的根元素

p:empty? ? 選擇沒有子元素的每個

元素(包括文本節(jié)點(diǎn))#news:target選擇當(dāng)前活動的#news元素input:enabled選擇每個啟用的元素input:disabled選擇每個禁用的元素input:checked選擇每個被選中的的元素:not(p)選擇非的元素的每個元素

::selection 選擇被用戶選取的元素部分

:read-only選擇器被用來指定當(dāng)元素處于只讀狀態(tài)時的樣式

:read-write選擇器用于匹配可讀及可寫的元素

:default選擇器用來指定當(dāng)前頁面打開時默認(rèn)處于讀取狀態(tài)的單選框或復(fù)選框的控件的樣式

:indeterminate選擇器用來指定當(dāng)頁面打開時,一組單選框中沒有任何一個單選框被設(shè)定為選中狀態(tài)時,整組單選框的樣式

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容