快捷導(dǎo)航

代碼觸發(fā)js事件(click、change)示例應(yīng)用

更新時(shí)間：2013年12月13日 17:16:22 作者：

Chrome , Firfox 不支持fireEvent的方法可以使用dispatchEvent的方法替代，直接給一個(gè)兼容的Code，下面有個(gè)不錯(cuò)的示例，喜歡的朋友可以收藏下

Chrome , Firfox 不支持fireEvent的方法
可以使用dispatchEvent的方法替代，直接給一個(gè)兼容的Code.

觸發(fā)click 事件

 
function simulateClick(el) { 
var evt; 
if (document.createEvent) { // DOM Level 2 standard 
evt = document.createEvent("MouseEvents"); 
evt.initMouseEvent("click", true, true, window, 
0, 0, 0, 0, 0, false, false, false, false, 0, null); 
el.dispatchEvent(evt); 
} else if (el.fireEvent) { // IE 
el.fireEvent('onclick'); 
} 
} 

觸發(fā)drag事件

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

 
function simulateDrag(el) { 
var evt; 
if (document.createEvent) { // DOM Level 2 standard 
evt = document.createEvent("MouseEvent"); 
evt.initMouseEvent("dragstart", true, true, window, 
0, 0, 0, 0, 0, false, false, false, false, 0, null); 
el.dispatchEvent(evt); 
} else if (el.fireEvent) { // IE 
el.fireEvent('ondragstart'); 
} 
} 

您可能感興趣的文章:

相關(guān)文章

使用controller接收js傳過(guò)來(lái)的參數(shù)問(wèn)題
這篇文章主要介紹了使用controller接收js傳過(guò)來(lái)的參數(shù)問(wèn)題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教
2023-02-02
javascript 獲取HTMl文件指定元素的代碼
獲取HTMl文件制定的元素的實(shí)現(xiàn)代碼，需要的朋友可以參考下。
2010-04-04
前端開(kāi)發(fā)必須知道的JS之閉包及應(yīng)用
本文講的是函數(shù)閉包，不涉及對(duì)象閉包（如用with實(shí)現(xiàn)）。如果你覺(jué)得我說(shuō)的有偏差，歡迎拍磚，歡迎指教。
2010-07-07
原生js實(shí)現(xiàn)移動(dòng)小球（碰撞檢測(cè)）
這篇文章主要介紹了原生js實(shí)現(xiàn)會(huì)動(dòng)的小球，碰撞檢測(cè)功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2020-12-12
JavaScript利用HTML DOM進(jìn)行文檔操作的方法
DOM是W3C制定的用于訪問(wèn)諸如XML和XHTML等結(jié)構(gòu)化文檔的標(biāo)準(zhǔn)。通過(guò)本文給大家介紹JavaScript利用HTML DOM進(jìn)行文檔操作的方法，需要的朋友參考下吧
2016-03-03
JavaScript數(shù)據(jù)結(jié)構(gòu)常見(jiàn)面試問(wèn)題整理
在JavaScript中,數(shù)據(jù)結(jié)構(gòu)是指相互之間存在一種或多種特定關(guān)系的數(shù)據(jù)元素的集合,是帶有結(jié)構(gòu)特性的數(shù)據(jù)元素的集合。常用的數(shù)據(jù)結(jié)構(gòu)有:數(shù)組、列表、棧、隊(duì)列、鏈表、字典、集合等等
2022-08-08
JavaScript使用二分查找算法在數(shù)組中查找數(shù)據(jù)的方法
這篇文章主要介紹了JavaScript使用二分查找算法在數(shù)組中查找數(shù)據(jù)的方法,較為詳細(xì)的分析了二分查找法的原理與javascript實(shí)現(xiàn)技巧,需要的朋友可以參考下
2015-04-04
JS加密插件CryptoJS實(shí)現(xiàn)的Base64加密示例
這篇文章主要介紹了JS加密插件CryptoJS實(shí)現(xiàn)的Base64加密,結(jié)合實(shí)例形式分析了CryptoJS進(jìn)行base64加密的簡(jiǎn)單實(shí)現(xiàn)技巧,需要的朋友可以參考下
2018-08-08
詳解JavaScript如何實(shí)現(xiàn)并發(fā)控制的Promise隊(duì)列調(diào)度器
Promise是JavaScript中一種處理異步操作的技術(shù)，提供了一種更優(yōu)雅的方式來(lái)處理并發(fā)任務(wù)和串行化操作，本文主要介紹了實(shí)現(xiàn)并發(fā)控制的Promise隊(duì)列調(diào)度器的方法，需要的可以參考一下
2023-07-07
手把手教你在微信小程序中使用three.js(保姆級(jí)教程)
Three.js是一款運(yùn)行在瀏覽器中的3D引擎,你可以用它創(chuàng)建各種三維場(chǎng)景,包括了攝影機(jī)、光影、材質(zhì)等各種對(duì)象,下面這篇文章主要給大家介紹了關(guān)于如何在微信小程序中使用three.js的保姆級(jí)教程,需要的朋友可以參考下
2023-03-03