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()

イベント インターフェース

初期化メソッド

HTMLイベント

HTMLイベント

iniEvent()

マウスイベント

マウスイベント

iniMouseEvent()

UIEvents

UIEvent

iniUIEvent()

このメソッドを使用して Event オブジェクトを作成した後、上の表に示されている初期化メソッドを使用してオブジェクトを初期化する必要があります。初期化メソッドの詳細については、

Event オブジェクト リファレンスを参照してください。 このメソッドは実際には Document インターフェースではなく、DocumentEvent インターフェースによって定義されます。実装が Event モジュールをサポートしている場合、Document オブジェクトは DocumentEvent インターフェイスを実装し、このメソッドをサポートします。