前幾天有小伙伴問(wèn)過(guò)我一個(gè)問(wèn)題,為什么有DOM 0級事件以及DOM2級事件,但是卻沒(méi)有DOM1級事件呢?那我們今天就來(lái)說(shuō)一說(shuō)DOM的級別問(wèn)題。
同時(shí)推薦伙伴們可以看看尚學(xué)堂有關(guān)JavaScript BOM的文章：《
細說(shuō)javascript BOM》
一.DOM0級事件
0級DOM分為兩種
行內事件:在標簽中寫(xiě)事件
元素.on事件名=函數
1.行內
<input type="button" id="btn" value="按鈕" onclick="alert('上海尚學(xué)堂,你值得擁有!')">
2.元素.on事件名=函數
document.getElementById("btn").onclick = function () {
alert('上海尚學(xué)堂,你值得擁有!');
}
二.DOM1級問(wèn)題
為什么沒(méi)有1級DOM?
DOM級別1于1998年10月1日成為W3C推薦標準。1級DOM標準中并沒(méi)有定義事件相關(guān)的內容，所以沒(méi)有所謂的1級DOM事件模型。在2級DOM中除了定義了一些DOM相關(guān)的操作之外還定義了一個(gè)事件模型 ，這個(gè)標準下的事件模型就是我們所說(shuō)的2級DOM事件模型
三.DOM2級事件
只有一個(gè)：監聽(tīng)方法，有兩個(gè)方法用來(lái)添加和移除事件處理程序：addEventListener()和removeEventListener()。
它們都有三個(gè)參數：第一個(gè)參數是事件名（如click）；
第二個(gè)參數是事件處理程序函數；
第三個(gè)參數如果是true則表示在捕獲階段調用，為false表示在冒泡階段調用。
addEventListener():可以為元素添加多個(gè)事件處理程序，觸發(fā)時(shí)會(huì )按照添加順序依次調用。
removeEventListener():不能移除匿名添加的函數。
document.getElementById("btn").addEventListener("click", function(){alert('上海尚學(xué)堂,你值得擁有!')}, false);
對事件的不同級別的具體區別,還是需要大家了解清楚的,那么下次我們再來(lái)聊一聊事件的不同執行階段問(wèn)題.
本站僅提供存儲服務(wù)，所有內容均由用戶(hù)發(fā)布，如發(fā)現有害或侵權內容，請
點(diǎn)擊舉報。
