HTML里的事件怎么使用

DOM中的事件模擬

在document對象上使用creatEvent()方法創建event對象。參數是要創建的事件類型的字符串。

DOM2:字符串都使用英文復數形式 DOM3：單數 UIEvents：UI事件（鼠標事件和鍵盤事件都繼承自UI事件） MouseEvents：鼠標事件 MutationEvents：DOM變動事件 HTMLEvents：HTML事件 使用與事件有關的信息對其初始化 觸發事件。使用dispatchEvent()方法，參數為觸發事件的event對象。所有支持事件的DOM節點都支持這個方法

模擬鼠標事件

創建對象后返回的對象有一個initMouseEvent()方法，用于指定與該鼠標事件有關的信息。這個方法接收15個參數，分別與鼠標事件中每個典型的屬性一一對應。

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

模擬鍵盤事件

創建對象后返回的對象有一個initKeyEvent()方法。 DOM3規定，調用createEvent(“keyboardEvent”)就可以創建一個鍵盤事件。 在firefox中，調用createEvent(“keyEvents”)

在其他瀏覽器中，則需要創建一個通用的事件，然后再向事件對象中添加鍵盤事件特有的信息。

var event=document.createEvent("Events");
event.initEvent(type,bubbles,cancelable);
event.view=document.defaultView;
...
textbox.dispatchEvent(event);

自定義DOM事件

自定義事件不是由DOM原生觸發的，它的目的是讓開發人員創建自己的事件。 創建新的自定義事件，可以調用createEvent(“CustomEvent”) 返回的對象有一個initCustomEvent()方法。

ie中的時間模擬

思路：先創建event對象，然后為其指相應的信息，然后觸發 創建：document.createEventObject(),不接收參數，結果會返回一個通用的event對象。 手工添加所有信息。 在目標上調用fireEvent()方法。參數：事件處理程序名稱和event對象，會自動為event對象添加srcElement和type屬性

相信看了這些案例你已經掌握了方法，更多精彩請關注php中文網其它相關文章！

相關閱讀：

HTML5標簽嵌套規則的詳細介紹

HTML里FormData對象的詳細介紹

H5里的postMessage API圖文詳解 詳細介紹

以上就是HTML里的事件怎么使用的詳細內容，更多請關注php中文網其它相關文章！