JavaScript中怎么模擬點擊事件

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

js模擬點擊事件實現代碼

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

html: 

復制代碼代碼如下:

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

   
提交   
   
   
   
   

Javscript: 

復制代碼代碼如下:

經過測試，IE，FF，Chrome，Opera，Safari都沒有問題，均可正常提交表單。 

但在實際的設計中，為了讓提交按鈕更好看，buildder經常把它們用a標簽來處理，加個背景圖片來模擬按鈕，我們仍然用上面的思路來嘗試，增加一個a標簽，讓它來提交表單，我們僅修改html。 

Html: 

復制代碼代碼如下:

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

   
提交   
   
   
   
 模擬提交按鈕   
   

javascript: 

復制代碼代碼如下:

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

復制代碼代碼如下:

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

語法： 
createEvent(eventType)

返回值

返回新創建的 Event 對象，具有指定的類型。

拋出

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

說明

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

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

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

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

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