JavaScript 中的事件模型主要有三種：

1. 傳統(tǒng)事件模型（DOM Level 0）
2. 標(biāo)準(zhǔn)事件模型（DOM Level 2）
3. IE 事件模型（非標(biāo)準(zhǔn)，僅限于舊版本的 Internet Explorer）

下面分別介紹這三種事件模型：

1. 傳統(tǒng)事件模型（DOM Level 0）

傳統(tǒng)事件模型是最早的事件處理方式，它通過(guò)將事件處理函數(shù)直接賦值給 HTML 元素的屬性或 DOM 對(duì)象的屬性來(lái)實(shí)現(xiàn)。這種方式簡(jiǎn)單直觀，但功能有限，不支持事件捕獲和事件流的概念。

示例代碼：

// 通過(guò) HTML 屬性綁定事件
<button onclick="handleClick()">Click me</button>// 通過(guò) DOM 對(duì)象屬性綁定事件
var button = document.getElementById('myButton');
button.onclick = function() {console.log('Button clicked');
};

2. 標(biāo)準(zhǔn)事件模型（DOM Level 2）

標(biāo)準(zhǔn)事件模型是由 W3C 定義的，它引入了事件捕獲和事件冒泡的概念，并提供了 addEventListener 和 removeEventListener 方法來(lái)綁定和解綁事件處理函數(shù)。這種方式更加靈活和強(qiáng)大，支持多個(gè)事件處理函數(shù)綁定到同一個(gè)事件上。

示例代碼：

// 使用 addEventListener 綁定事件
var button = document.getElementById('myButton');
button.addEventListener('click', function() {console.log('Button clicked');
}, false); // 第三個(gè)參數(shù)表示是否在捕獲階段處理事件，默認(rèn)為 false（冒泡階段）// 使用 removeEventListener 解綁事件
button.removeEventListener('click', function() {console.log('Button clicked');
}, false);

3. IE 事件模型（非標(biāo)準(zhǔn)）

IE 事件模型是舊版本 Internet Explorer 瀏覽器使用的事件處理方式，它與標(biāo)準(zhǔn)事件模型類(lèi)似，但使用的是 attachEvent 和 detachEvent 方法，并且只支持事件冒泡，不支持事件捕獲。

示例代碼：

// 使用 attachEvent 綁定事件
var button = document.getElementById('myButton');
button.attachEvent('onclick', function() {console.log('Button clicked');
});// 使用 detachEvent 解綁事件
button.detachEvent('onclick', function() {console.log('Button clicked');
});