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

成都創(chuàng)新互聯(lián)-成都網(wǎng)站建設(shè)公司，專注成都網(wǎng)站設(shè)計(jì)、成都網(wǎng)站建設(shè)、外貿(mào)網(wǎng)站建設(shè)、網(wǎng)站營銷推廣，域名與空間，網(wǎng)站空間，成都網(wǎng)站托管有關(guān)企業(yè)網(wǎng)站制作方案、改版、費(fèi)用等問題，請(qǐng)聯(lián)系成都創(chuàng)新互聯(lián)。

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

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

html: 

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

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

   
提交   
   
   
   
   

Javscript: 

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

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

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

Html: 

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

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

   
提交   
   
   
   
 模擬提交按鈕   
   

javascript: 

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

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

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

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

語法：
createEvent(eventType)

返回值

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

拋出

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

說明

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

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

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

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

看完上述內(nèi)容，你們對(duì)JavaScript中怎么模擬點(diǎn)擊事件有進(jìn)一步的了解嗎？如果還想了解更多知識(shí)或者相關(guān)內(nèi)容，請(qǐng)關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，感謝大家的支持。