本文實例講述了JavaScript中的模擬事件和自定義事件。分享給大家供大家參考，具體如下：

前面介紹了JavaScript中為事件指定處理程序的五種方式和JavaScript的事件對象event。

下面介紹JavaScript中的模擬事件和自定義事件。

1、DOM中的事件模擬

1) DOM中的事件模擬有以下3個步驟：

步驟1：創建事件對象event

可以在document對象上使用createEvent()方法創建event對象，此方法接收一個參數，即要創建的事件類型的字符串。在DOM2級中這些字符串都使用英文復數形式，而在DOM3級中都變成了單數。這個字符串可以是以下幾個字符串之一：

① UIEvents：一般化的UI事件，鼠標事件和鍵盤事件都繼承自UI事件，DOM3級中是UIEvent；

② MouseEvents：一般化的鼠標事件，DOM3級中是MouseEvent；

③ MutationEvents：一般化的DOM變動事件，DOM3級中是MutationEvent；

④ HTMLEvents：一般化的HTML事件，沒有對應的DOM3級事件，被分散到 其他類別中。

步驟2：初始化事件對象

使用與事件有關的信息對其進行初始化，每種類型的event對象都有一個特殊的方法，為它傳入適當的數據就可以初始化該event對象，不同類型的方法的名字也不相同，具體要取決于createEvent()中使用的參數。

步驟3：觸發事件

使用dispatch()方法，此方法接收一個參數，即要觸發事件的event對象。

2) 模擬鼠標事件：

使用createEvent()方法創建event對象，傳入字符串"MouseEvents"，返回的對象有一個名為initMouseEvent()方法，用于指定與該鼠標事件有關的信息。

模擬按鈕的單擊事件：

var btn = document.getElementsByTagNames("button")[0];var event = document.createEvent("MouseEvents");event.initMouseEvent("click", true, true, document.defaultView, 0, 0, 0, 0, 0, false, false, false, 0, null);btn.dispatchEvent(event);

3) 模擬鍵盤事件：

使用createEvent()方法創建event對象，傳入字符串"KeyboardEvent"，返回的對象有一個名為initKeyboardEvent()方法。

DOM2級事件并沒有專門規定鍵盤事件，后來的DOM3級事件才正式將其作為一種事件給出規定。IE9是目前唯一支持DOM3級鍵盤事件的瀏覽器，但其他瀏覽器也可以模擬鍵盤事件。

在使用createEvent()方法之前，需要先檢測瀏覽器是否支持DOM3級事件。

模擬按住Shift的同時又按下A鍵：

var text = document.getElementsByTagNames("input")[0];if (document.implementation.hasFeature("KeyboardEvents", 3.0) {  var event = document.createEvent("KeyboardEvent");  event.initKeyboardEvent("keydown", true, true, document.defaultView, "a", 0, "Shift", 0);}text.dispatchEvent(event);