javascript 主動派發(fā)事件總結(jié)

2019-11-20 23:43:20

字體：大中小

供稿：網(wǎng)友

1，dispatchEvent()
這是標(biāo)準(zhǔn)的觸發(fā)事件方法，使用時(shí)需要先創(chuàng)建好事件對象。如下

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

上一篇：silverlight線程與基于事件驅(qū)動javascript引擎（實(shí)現(xiàn)軌跡回放功能）

下一篇：JsDom 編程小結(jié)