DOM0級事件處理程序
通過JavaScript指定事件處理程序的傳統(tǒng)方式，就是將一個函數(shù)賦值給一個事件處理程序?qū)傩浴?/p>
主要分為兩種形式：
-
在標簽內(nèi)的onclick事件
<input type="button" id="btn" value="Press Me" onclick="console.log('button')" > -
將這種屬性的值設(shè)置為一個函數(shù)讲冠，就可以指定事件處理程序
document.getElementById("btn").onclick = function () { console.log('button') }
DOM2級事件處理程序
DOM2級事件定義了兩個方法漾脂，用來添加和移除事件處理程序液茎。分別是：addEventListener() 和removeEventListener()
// 在文檔中添加事件
element.addEventListener(event, function, useCapture)
// 移除文檔中的事件句柄
document.removeEventListener(event, function, useCapture)
| 參數(shù) | 描述 |
|---|---|
| event | 必須照藻。字符串痊焊，指定事件名囊陡。 |
| function | 必須纽乱。指定要事件觸發(fā)時執(zhí)行的函數(shù)蛾绎。 |
| useCapture | 可選。布爾值鸦列，指定事件是否在捕獲或冒泡階段執(zhí)行租冠。 |
