JavaScript中怎么模擬點擊事件

今天就跟大家聊聊有關(guān)JavaScript中怎么模擬點擊事件，可能很多人都不太了解，為了讓大家更加了解，小編給大家總結(jié)了以下內(nèi)容，希望大家根據(jù)這篇文章可以有所收獲。

js模擬點擊事件實現(xiàn)代碼

在實際的應(yīng)用開發(fā)中，我們會常常用到JS的模事件，比如說點擊事件，舉個簡單的例子，點擊表單外的“提交”按鈕來提交表單。上代碼吧

html: 

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

請單擊“提交”，測試提交按鈕的單擊事件也被觸發(fā)了。

   
提交   
   
   
   
   

Javscript: 

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

經(jīng)過測試，IE，F(xiàn)F，Chrome，Opera，Safari都沒有問題，均可正常提交表單。 

但在實際的設(shè)計中，為了讓提交按鈕更好看，buildder經(jīng)常把它們用a標簽來處理，加個背景圖片來模擬按鈕，我們?nèi)匀挥蒙厦娴乃悸穪韲L試，增加一個a標簽，讓它來提交表單，我們僅修改html。 

Html: 

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

請單擊“提交”，測試提交按鈕的單擊事件也被觸發(fā)了。

   
提交   
   
   
   
 模擬提交按鈕   
   

javascript: 

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

運行后，問題出現(xiàn)了，IE、FF、Opera均OK，但Chrome和Safari不能正常運行，后來網(wǎng)上搜索了下，發(fā)現(xiàn)a標簽并不是和按鈕一樣有onclick()事件的，解決辦法是針對 IE 和 FF編寫不同的邏輯，JS代碼如下： 
javascript: 

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

至此，問題解決，雖然這個問題很簡單，但很容易被大家忽略，貼出來和大家一起分享。 

語法： 
createEvent(eventType)

返回值

返回新創(chuàng)建的 Event 對象，具有指定的類型。

拋出

如果實現(xiàn)支持需要的事件類型，該方法將拋出代碼為 NOT_SUPPORTED_ERR 的 DOMException 異常。

說明

該方法將創(chuàng)建一種新的事件類型，該類型由參數(shù) eventType 指定。注意，該參數(shù)的值不是要創(chuàng)建的事件接口的名稱，而是定義那個接口的 DOM 模塊的名稱。

下表列出了 eventType 的合法值和每個值創(chuàng)建的事件接口：

用該方法創(chuàng)建了 Event 對象以后，必須用上表中所示的初始化方法初始化對象。關(guān)于初始化方法的詳細信息，請參閱 Event 對象參考。

該方法實際上不是由 Document 接口定義的，而是由 DocumentEvent 接口定義的。如果一個實現(xiàn)支持 Event 模塊，那么 Document 對象就會實現(xiàn) DocumentEvent 接口并支持該方法。

看完上述內(nèi)容，你們對JavaScript中怎么模擬點擊事件有進一步的了解嗎？如果還想了解更多知識或者相關(guān)內(nèi)容，請關(guān)注億速云行業(yè)資訊頻道，感謝大家的支持。