javascript 主動派發(fā)事件總結(jié)
更新時間：2011年08月09日 21:27:14 作者：
有時需要模仿用戶的一些動作（鼠標(biāo)/鍵盤操作），最常見的莫過于鼠標(biāo)點(diǎn)擊。一一列舉
1，dispatchEvent()
這是標(biāo)準(zhǔn)的觸發(fā)事件方法，使用時需要先創(chuàng)建好事件對象。如下
復(fù)制代碼 代碼如下:
var evt = document.createEvent('Event');
evt.initEvent('click',true,true);
element.dispatchEvent(evt);
2，fireEvent()
這是IE舊版本中實(shí)現(xiàn)的觸發(fā)事件方法，它無須創(chuàng)建事件對象，直接使用。如下
復(fù)制代碼 代碼如下:
element.fireEvent('onclick');
注意：與attachEvent一樣它需要加上“on”
一個兼容性所有瀏覽器的版本，如下
復(fù)制代碼 代碼如下:
var dispatch = window.addEventListener ?
function(el, type){
try{
var evt = document.createEvent('Event');
evt.initEvent(type,true,true);
el.dispatchEvent(evt);
}catch(e){alert(e)};
} :
function(el, type){
try{
el.fireEvent('on'+type);
}catch(e){alert(e)}
};
上面封裝的是一個觸發(fā)事件的通用方法，即可以觸發(fā)各種事件。瀏覽器還提供了特定方法來觸發(fā)單獨(dú)的事件。
4，click()
用來模擬用戶點(diǎn)擊，除Safari/Chrome不支持非input/button外，其它瀏覽器都支持。
5，form.submit()
模擬form提交，相對于點(diǎn)擊input[type=submit]
6，input/textarea.select()
模擬用戶選定文本。
7，focus()
模擬獲取光標(biāo)焦點(diǎn)
8，blur()
模擬失去光標(biāo)焦點(diǎn)
9，input/textarea/select.change()
模擬文本或選項(xiàng)發(fā)生變化
10，自定義事件的派發(fā)實(shí)際就是獲取該函數(shù)，然后調(diào)用
相關(guān)：
https://developer.mozilla.org/En/DOM/Element.dispatchEvent
http://msdn.microsoft.com/en-us/library/ms536423%28v=VS.85%29.aspx
https://developer.mozilla.org/en/DOM/Input.select
相關(guān)文章
這篇文章主要介紹了JS 數(shù)組和對象的深拷貝操作,結(jié)合實(shí)例形式分析了JS 數(shù)組和對象的深拷貝基本原理與操作技巧,需要的朋友可以參考下2020-06-06
基于MVC方式實(shí)現(xiàn)三級聯(lián)動(JavaScript)
這篇文章主要為大家詳細(xì)介紹了基于MVC方式實(shí)現(xiàn)三級聯(lián)動的相關(guān)資料，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-01-01
實(shí)例講解DataTables固定表格寬度(設(shè)置橫向滾動條)
下面小編就為大家?guī)硪黄獙?shí)例講解DataTables固定表格寬度(設(shè)置橫向滾動條)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-07-07
React+Typescript實(shí)現(xiàn)倒計時Hook的方法
本文主要介紹了React+Typescript實(shí)現(xiàn)倒計時Hook的方法，文中通過示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-09-09
這篇文章主要介紹了JS動態(tài)加載當(dāng)前時間的方法,涉及html的onload方法及javascript操作時間的技巧,需要的朋友可以參考下2015-02-02
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)圖片緩慢放大縮小效果的相關(guān)資料，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-08-08
這篇文章主要介紹了普通js文件里面如何訪問vue實(shí)例this指針，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-08-08
Javascript 不能釋放內(nèi)存....2006-09-09
JavaScript綁定事件監(jiān)聽函數(shù)的通用方法
這篇文章主要為大家詳細(xì)介紹了JavaScript綁定事件監(jiān)聽函數(shù)的通用方法，感興趣的朋友可以參考一下2016-05-05
在日常的TypeScript開發(fā)中,經(jīng)常需要遍歷對象的鍵來執(zhí)行各種操作,,在本文中,我們將深入研究這個問題,并提供幾種解決方案,以便在遍歷對象鍵時更安全、更靈活地操作,文中有詳細(xì)的代碼講解,需要的朋友可以參考下2023-11-11