JS通用方法觸發(fā)點擊事件代碼實例

更新時間：2020年02月17日 10:59:08 作者：歡樂之家

這篇文章主要介紹了JS通用方法觸發(fā)點擊事件代碼實例,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下

最簡單的觸發(fā)單擊事件肯定是elem.click()，平時在不需要考慮兼容性的場合我都是這么干的，但是畢竟這個方法有兼容性（具體兼容性如何沒做過測試），所以還是要掌握一個通用的方法。

以下代碼是網(wǎng)上比較容易找到的一段代碼，我在前面加了一段MouseEvent的判斷：

/**
 * 觸發(fā)單擊事件
 * @param elem 需要觸發(fā)事件的DOM對象
 */
function fireClickEvent(elem)
{
  var event;
  if(window.MouseEvent) event = new MouseEvent('click');
  else
  {
    event = document.createEvent('MouseEvents');
    event.initMouseEvent('click', true, false, window, 0, 0, 0, 0, 0, false, false, false, false, 0, null);
  }
  elem.dispatchEvent(event);
}

以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

解決layui彈框失效的問題
今天小編就為大家分享一篇解決layui彈框失效的問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
2019-09-09
微信小程序中多個頁面?zhèn)鲄⑼ㄐ诺膶W(xué)習(xí)與實踐
剛接觸微信小程序，對里面的語法和屬性還不怎么了解，最近正在努力學(xué)習(xí)中，下面這篇文章主要給大家介紹了微信小程序中多個頁面?zhèn)鲄⑼ㄐ诺南嚓P(guān)資料，是最近學(xué)習(xí)的一個內(nèi)容總結(jié)，需要的朋友可以參考借鑒，下面來一起看看吧。
2017-05-05
JS使用Expires?max-age判斷緩存過期的瀏覽器實例
這篇文章主要為大家介紹了JS使用Expires?max-age判斷緩存過期的瀏覽器實例,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪
2023-11-11
echarts柱狀堆疊圖實現(xiàn)示例(圖例和x軸都是動態(tài)的)
一些柱形圖在數(shù)據(jù)量比較多的時候,橫向排列受到擠壓,導(dǎo)致柱形圖,變的非常細(xì),影響整體的效果,下面這篇文章主要給大家介紹了關(guān)于echarts柱狀堆疊圖(圖例和x軸都是動態(tài)的)的相關(guān)資料,需要的朋友可以參考下
2023-04-04
javascript getBoundingClientRect() 來獲取頁面元素的位置的代碼[修正版]
該方法已經(jīng)不再是IE Only了，F(xiàn)F3.0+和Opera9.5+已經(jīng)支持了該方法，可以說在獲得頁面元素位置上效率能有很大的提高，在以前版本的Opera和Firefox中必須通過循環(huán)來獲得元素在頁面中的絕對位置。
2009-05-05
如何用JS解析剪切板里的excel內(nèi)容
這篇文章主要介紹了如何用JS解析剪切板里的excel內(nèi)容，對解析excel感興趣的同學(xué)，可以參考下
2021-04-04
使用js實現(xiàn)將后臺傳入的json數(shù)據(jù)放在前臺顯示
今天小編就為大家分享一篇使用js實現(xiàn)將后臺傳入的json數(shù)據(jù)放在前臺顯示，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
2018-08-08
JS實現(xiàn)猜拳游戲
這篇文章主要為大家詳細(xì)介紹了JS實現(xiàn)猜拳游戲，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2021-08-08
mapboxgl實現(xiàn)帶箭頭軌跡線的代碼
這篇文章主要介紹了mapboxgl實現(xiàn)帶箭頭軌跡線的代碼,本文給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下
2021-01-01
日期函數(shù)擴展類Ver0.1.1
日期函數(shù)擴展類Ver0.1.1...
2006-09-09