js 中 document.createEvent的用法
更新時間:2010年08月29日 23:22:02 作者:
用該方法創(chuàng)建了 Event 對象以后,必須用上表中所示的初始化方法初始化對象。關于初始化方法的詳細信息,請參閱 Event 對象參考。
<a class="comment-mod" onclick="alert('ss')" href="#">評論</a>
如果用戶直接查看文章列表,那么所有的評論以及評論框都是不顯示的,但是如果用戶通過別的頁面比如首頁的個人動態(tài)直接定位到這篇日志,那么評論就應該全部顯示。而列表頁和查看單個條目的頁面是同一個頁面,這就要求我判斷一下用戶是否定位到該篇日志,如果是,就通過JS來觸發(fā) A 標簽的點擊事件。
一開始我嘗試了一些方法,想當然地以為 A 標簽和按鈕一樣是有 onclick() 事件的,結果發(fā)現(xiàn)沒有,后來從網(wǎng)上搜了一些資料之后,成功解決了這個問題^_^ 。解決辦法是針對 IE 和 FF編寫不同的邏輯,部分代碼如下:
<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 對象的事件模塊名。
關于有效的事件類型列表,請參閱"說明"部分。
返回值
返回新創(chuàng)建的 Event 對象,具有指定的類型。
拋出
如果實現(xiàn)支持需要的事件類型,該方法將拋出代碼為 NOT_SUPPORTED_ERR 的 DOMException 異常。
說明
該方法將創(chuàng)建一種新的事件類型,該類型由參數(shù) eventType 指定。注意,該參數(shù)的值不是要創(chuàng)建的事件接口的名稱,而是定義那個接口的 DOM 模塊的名稱。
下表列出了 eventType 的合法值和每個值創(chuàng)建的事件接口:
參數(shù)
事件接口
初始化方法
HTMLEvents
HTMLEvent
iniEvent()
MouseEvents
MouseEvent
iniMouseEvent()
UIEvents
UIEvent
iniUIEvent()
用該方法創(chuàng)建了 Event 對象以后,必須用上表中所示的初始化方法初始化對象。關于初始化方法的詳細信息,請參閱 Event 對象參考。
該方法實際上不是由 Document 接口定義的,而是由 DocumentEvent 接口定義的。如果一個實現(xiàn)支持 Event 模塊,那么 Document 對象就會實現(xiàn) DocumentEvent 接口并支持該方法。
如果用戶直接查看文章列表,那么所有的評論以及評論框都是不顯示的,但是如果用戶通過別的頁面比如首頁的個人動態(tài)直接定位到這篇日志,那么評論就應該全部顯示。而列表頁和查看單個條目的頁面是同一個頁面,這就要求我判斷一下用戶是否定位到該篇日志,如果是,就通過JS來觸發(fā) A 標簽的點擊事件。
一開始我嘗試了一些方法,想當然地以為 A 標簽和按鈕一樣是有 onclick() 事件的,結果發(fā)現(xiàn)沒有,后來從網(wǎng)上搜了一些資料之后,成功解決了這個問題^_^ 。解決辦法是針對 IE 和 FF編寫不同的邏輯,部分代碼如下:
復制代碼 代碼如下:
<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 對象的事件模塊名。
關于有效的事件類型列表,請參閱"說明"部分。
返回值
返回新創(chuàng)建的 Event 對象,具有指定的類型。
拋出
如果實現(xiàn)支持需要的事件類型,該方法將拋出代碼為 NOT_SUPPORTED_ERR 的 DOMException 異常。
說明
該方法將創(chuàng)建一種新的事件類型,該類型由參數(shù) eventType 指定。注意,該參數(shù)的值不是要創(chuàng)建的事件接口的名稱,而是定義那個接口的 DOM 模塊的名稱。
下表列出了 eventType 的合法值和每個值創(chuàng)建的事件接口:
參數(shù)
事件接口
初始化方法
HTMLEvents
HTMLEvent
iniEvent()
MouseEvents
MouseEvent
iniMouseEvent()
UIEvents
UIEvent
iniUIEvent()
用該方法創(chuàng)建了 Event 對象以后,必須用上表中所示的初始化方法初始化對象。關于初始化方法的詳細信息,請參閱 Event 對象參考。
該方法實際上不是由 Document 接口定義的,而是由 DocumentEvent 接口定義的。如果一個實現(xiàn)支持 Event 模塊,那么 Document 對象就會實現(xiàn) DocumentEvent 接口并支持該方法。
相關文章
JS表單驗證插件之數(shù)據(jù)與邏輯分離操作實例分析【策略模式】
這篇文章主要介紹了JS表單驗證插件之數(shù)據(jù)與邏輯分離操作,結合實例形式分析了JavaScript基于策略模式實現(xiàn)數(shù)據(jù)與邏輯分離的表單驗證插件相關原理、操作技巧及注意事項,需要的朋友可以參考下2020-05-05JavaScript 開發(fā)工具webstrom使用指南
本文給大家推薦了一款非常熱門的javascript開發(fā)工具webstrom,著重介紹了webstrom的特色功能、設置技巧、使用心得以及快捷鍵匯總,非常的全面。2014-12-12JavaScript判斷瀏覽器運行環(huán)境的詳細方法
這篇文章主要給大家介紹了關于JavaScript判斷瀏覽器運行環(huán)境的詳細方法,文中通過示例代碼介紹的非常詳細,對大家學習或者使用JavaScript具有一定的參考學習價值,需要的朋友們下面來一起學習學習吧2019-06-06JavaScript中l(wèi)ayim之整合右鍵菜單的示例代碼
這篇文章主要介紹了JavaScript中l(wèi)ayim之整合右鍵菜單的示例代碼,本文給大家介紹的非常詳細,對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下2021-02-02