快捷導(dǎo)航

js 中 document.createEvent的用法

更新時(shí)間：2010年08月29日 23:22:02 作者：

用該方法創(chuàng)建了 Event 對(duì)象以后，必須用上表中所示的初始化方法初始化對(duì)象。關(guān)于初始化方法的詳細(xì)信息，請(qǐng)參閱 Event 對(duì)象參考。

<a class="comment-mod" onclick="alert('ss')" href="#">評(píng)論</a>
如果用戶直接查看文章列表，那么所有的評(píng)論以及評(píng)論框都是不顯示的，但是如果用戶通過別的頁面比如首頁的個(gè)人動(dòng)態(tài)直接定位到這篇日志，那么評(píng)論就應(yīng)該全部顯示。而列表頁和查看單個(gè)條目的頁面是同一個(gè)頁面，這就要求我判斷一下用戶是否定位到該篇日志，如果是，就通過JS來觸發(fā) A 標(biāo)簽的點(diǎn)擊事件。
一開始我嘗試了一些方法，想當(dāng)然地以為 A 標(biāo)簽和按鈕一樣是有 onclick() 事件的，結(jié)果發(fā)現(xiàn)沒有，后來從網(wǎng)上搜了一些資料之后，成功解決了這個(gè)問題^_^ 。解決辦法是針對(duì) IE 和 FF編寫不同的邏輯，部分代碼如下：

復(fù)制代碼代碼如下:

 
<script> 
var comment = document.getElementsByTagName('a')[0]; 
if (document.all) { 
// For IE 
comment.click(); 
} else if (document.createEvent) { 
//FOR DOM2 
var ev = document.createEvent('HTMLEvents'); 
ev.initEvent('click', false, true); 
comment.dispatchEvent(ev); 
} 
</script> 

語法：
createEvent(eventType)
參數(shù)
描述
eventType
想獲取的 Event 對(duì)象的事件模塊名。
關(guān)于有效的事件類型列表，請(qǐng)參閱"說明"部分。

返回值
返回新創(chuàng)建的 Event 對(duì)象，具有指定的類型。
拋出
如果實(shí)現(xiàn)支持需要的事件類型，該方法將拋出代碼為 NOT_SUPPORTED_ERR 的 DOMException 異常。
說明
該方法將創(chuàng)建一種新的事件類型，該類型由參數(shù) eventType 指定。注意，該參數(shù)的值不是要?jiǎng)?chuàng)建的事件接口的名稱，而是定義那個(gè)接口的 DOM 模塊的名稱。
下表列出了 eventType 的合法值和每個(gè)值創(chuàng)建的事件接口：
參數(shù)
事件接口
初始化方法
HTMLEvents
HTMLEvent
iniEvent()
MouseEvents
MouseEvent
iniMouseEvent()
UIEvents
UIEvent
iniUIEvent()

用該方法創(chuàng)建了 Event 對(duì)象以后，必須用上表中所示的初始化方法初始化對(duì)象。關(guān)于初始化方法的詳細(xì)信息，請(qǐng)參閱 Event 對(duì)象參考。
該方法實(shí)際上不是由 Document 接口定義的，而是由 DocumentEvent 接口定義的。如果一個(gè)實(shí)現(xiàn)支持 Event 模塊，那么 Document 對(duì)象就會(huì)實(shí)現(xiàn) DocumentEvent 接口并支持該方法。