HTML里的事件怎么使用

DOM中的事件模擬

在document對(duì)象上使用creatEvent()方法創(chuàng)建event對(duì)象。參數(shù)是要?jiǎng)?chuàng)建的事件類(lèi)型的字符串。

DOM2:字符串都使用英文復(fù)數(shù)形式 DOM3：?jiǎn)螖?shù) UIEvents：UI事件（鼠標(biāo)事件和鍵盤(pán)事件都繼承自UI事件） MouseEvents：鼠標(biāo)事件 MutationEvents：DOM變動(dòng)事件 HTMLEvents：HTML事件 使用與事件有關(guān)的信息對(duì)其初始化 觸發(fā)事件。使用dispatchEvent()方法，參數(shù)為觸發(fā)事件的event對(duì)象。所有支持事件的DOM節(jié)點(diǎn)都支持這個(gè)方法

模擬鼠標(biāo)事件

創(chuàng)建對(duì)象后返回的對(duì)象有一個(gè)initMouseEvent()方法，用于指定與該鼠標(biāo)事件有關(guān)的信息。這個(gè)方法接收15個(gè)參數(shù)，分別與鼠標(biāo)事件中每個(gè)典型的屬性一一對(duì)應(yīng)。

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);

模擬鍵盤(pán)事件

創(chuàng)建對(duì)象后返回的對(duì)象有一個(gè)initKeyEvent()方法。 DOM3規(guī)定，調(diào)用createEvent(“keyboardEvent”)就可以創(chuàng)建一個(gè)鍵盤(pán)事件。 在firefox中，調(diào)用createEvent(“keyEvents”)

在其他瀏覽器中，則需要?jiǎng)?chuàng)建一個(gè)通用的事件，然后再向事件對(duì)象中添加鍵盤(pán)事件特有的信息。

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

自定義DOM事件

自定義事件不是由DOM原生觸發(fā)的，它的目的是讓開(kāi)發(fā)人員創(chuàng)建自己的事件。 創(chuàng)建新的自定義事件，可以調(diào)用createEvent(“CustomEvent”) 返回的對(duì)象有一個(gè)initCustomEvent()方法。

ie中的時(shí)間模擬

思路：先創(chuàng)建event對(duì)象，然后為其指相應(yīng)的信息，然后觸發(fā) 創(chuàng)建：document.createEventObject(),不接收參數(shù)，結(jié)果會(huì)返回一個(gè)通用的event對(duì)象。 手工添加所有信息。 在目標(biāo)上調(diào)用fireEvent()方法。參數(shù)：事件處理程序名稱和event對(duì)象，會(huì)自動(dòng)為event對(duì)象添加srcElement和type屬性

相信看了這些案例你已經(jīng)掌握了方法，更多精彩請(qǐng)關(guān)注php中文網(wǎng)其它相關(guān)文章！

相關(guān)閱讀：

HTML5標(biāo)簽嵌套規(guī)則的詳細(xì)介紹

HTML里FormData對(duì)象的詳細(xì)介紹

H5里的postMessage API圖文詳解 詳細(xì)介紹

以上就是HTML里的事件怎么使用的詳細(xì)內(nèi)容，更多請(qǐng)關(guān)注php中文網(wǎng)其它相關(guān)文章！