快捷導(dǎo)航

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

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

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

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