js模擬點擊事件實現程式碼_javascript技巧

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)

参数	描述
eventType	想获取的 Event 对象的事件模块名。关于有效的事件类型列表，请参阅”说明”部分。

回傳值

傳回新建立的 Event 對象，具有指定的類型。

拋出

如果實作支援需要的事件類型，則該方法會拋出程式碼為 NOT_SUPPORTED_ERR 的 DOMException 例外。

說明

此方法將建立新的事件類型，該類型由參數 eventType 指定。請注意，該參數的值不是要建立的事件介面的名稱，而是定義那個介面的 DOM 模組的名稱。

下表列出了 eventType 的合法值和每個值所建立的事件介面：

参数	事件接口	初始化方法
HTMLEvents	HTMLEvent	iniEvent()
MouseEvents	MouseEvent	iniMouseEvent()
UIEvents	UIEvent	iniUIEvent()

參數

事件介面

初始化方法

HTMLEvents

HTMLEvent

iniEvent()

MouseEvents

MouseEvent

iniMouseEvent()

UIEvents

UIEvent

iniUIEvent()

用此方法建立了 Event 物件以後，必須用上表所示的初始化方法初始化物件。關於初始化方法的詳細信息，請參閱 Event 物件參考。 該方法實際上不是由 Document 介面定義的，而是由 DocumentEvent 介面定義的。如果一個實作支援 Event 模組，那麼 Document 物件就會實作 DocumentEvent 介面並支援該方法。