javascript 主動派發(fā)事件總結(jié)
更新時間：2011年08月09日 21:27:14 作者：
有時需要模仿用戶的一些動作（鼠標/鍵盤操作），最常見的莫過于鼠標點擊。一一列舉
1，dispatchEvent()
這是標準的觸發(fā)事件方法，使用時需要先創(chuàng)建好事件對象。如下
復(fù)制代碼 代碼如下:
var evt = document.createEvent('Event');
evt.initEvent('click',true,true);
element.dispatchEvent(evt);
2，fireEvent()
這是IE舊版本中實現(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ā)單獨的事件。
4，click()
用來模擬用戶點擊，除Safari/Chrome不支持非input/button外，其它瀏覽器都支持。
5，form.submit()
模擬form提交，相對于點擊input[type=submit]
6，input/textarea.select()
模擬用戶選定文本。
7，focus()
模擬獲取光標焦點
8，blur()
模擬失去光標焦點
9，input/textarea/select.change()
模擬文本或選項發(fā)生變化
10，自定義事件的派發(fā)實際就是獲取該函數(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)文章
Bootstrap路徑導(dǎo)航與分頁學(xué)習(xí)使用
這篇文章主要為大家詳細介紹了Bootstrap路徑導(dǎo)航與分頁學(xué)習(xí)使用的相關(guān)資料，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-02-02
JS中利用swiper實現(xiàn)3d翻轉(zhuǎn)幻燈片實例代碼
大家都知道Swiper(Swiper master)是目前應(yīng)用較廣泛的移動端網(wǎng)頁觸摸內(nèi)容滑動js插件。下面這篇文章主要給大家介紹了在JS中利用swiper實現(xiàn)3d翻轉(zhuǎn)幻燈片的相關(guān)資料，文中給出了完整的示例代碼供大家參考學(xué)習(xí)，需要的朋友可以參考借鑒，下面來一起看看吧。2017-08-08
常見的瀏覽器存儲方式（cookie、localStorage、sessionStorage）
今天我們從前端的角度了解一下瀏覽器存儲，我們常見且常用的存儲方式主要由兩種：cookie、webStorage（localStorage和sessionStorage）。本文通過實例代碼給大家介紹的非常詳細，具有一定的參考借鑒價值，需要的朋友參考下吧2019-05-05
JavaScript 創(chuàng)建隨機數(shù)和隨機圖片
關(guān)于javascript隨機數(shù)的，很早以前的文章了，不過內(nèi)容還是不錯的，如果想要更多的效果，可以去腳本之家搜下。2009-12-12
本文主要介紹了canvas實現(xiàn)流星雨的背景效果的示例代碼。具有一定的參考價值，下面跟著小編一起來看下吧2017-01-01
深入理解JavaScript系列（26）：設(shè)計模式之構(gòu)造函數(shù)模式詳解
這篇文章主要介紹了深入理解JavaScript系列（26）：設(shè)計模式之構(gòu)造函數(shù)模式詳解,本文講解了基本用法、構(gòu)造函數(shù)與原型、只能用new嗎？、強制使用new、原始包裝函數(shù)等內(nèi)容,需要的朋友可以參考下2015-03-03
JavaScript實現(xiàn)讀取條碼中的二進制數(shù)據(jù)
條碼是一種以機器可讀的可視形式表示數(shù)據(jù)的方法,我們可以從條碼獲取二進制數(shù)據(jù),并通過不同方法去讀碼,下面我們就來看看如何實現(xiàn)讀取條碼中的二進制數(shù)據(jù)吧2024-03-03
這篇文章主要為大家詳細介紹了JavaScript實現(xiàn)彈性導(dǎo)航效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-11-11
JavaScript架構(gòu)前端不能沒有監(jiān)控系統(tǒng)原因
這篇文章主要為大家介紹了為什么前端不能沒有監(jiān)控系統(tǒng)的原因，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2022-06-06
Bootstrap每天必學(xué)之標簽與徽章，對Bootstrap標簽與徽章小編也了解的很少，希望通過這篇文章和大家更多的去學(xué)習(xí)Bootstrap標簽與徽章，從中得到收獲。2015-11-11