js模拟点击事件实现代码

js模拟点击事件实现代码

更新时间：2012年11月6日17:33:33转载作者：

在实际的应用程序开发中，我们经常使用JS模块化事件，例如click事件。对于一个简单的示例，单击表单外部的“提交”按钮以提交表单。继续

html：

复制代码，代码如下：

请单击“提交”，并且还会触发测试提交按钮的点击事件。

提交

脚本：

复制代码，代码如下：

经过测试，IE，FF，Chrome，Opera，Safari没有问题，并且可以正常提交表单。

但是在实际设计中，为了使提交按钮看起来更好，builder经常使用标签来处理它们，并添加背景图片来模拟按钮，我们仍然使用上述想法尝试，添加标签，让它提交表单，我们只修改html。

HTML：

复制代码，代码如下：

请单击“提交”，并且还会触发测试提交按钮的点击事件。

提交

javascript：

复制代码，代码如下：

运行后，出现问题。 IE，FF，Opera都可以，但Chrome和Safari无法正常运行。在Internet上搜索后，我发现a标签没有按钮之类的onclick（）事件。解决方案是为IE和FF编写不同的逻辑，JS代码如下：

javascript：

复制代码，代码如下：

至此，问题解决了。尽管这个问题很简单，但很容易被所有人忽略。发布并与所有人共享。

语法：

createEvent（eventType）

参数

说明

eventType

要获取的事件对象的事件模块的名称。有关有效事件类型的列表，请参见“描述”部分。

返回值

以指定的类型返回新创建的Event对象。

投掷

如果实现支持所需的事件类型，则此方法将引发带有代码NOT_SUPPORTED_ERR的DOMException。

说明

此方法将创建一个新的事件类型，该事件类型由参数eventType指定。请注意，此参数的值不是要创建的事件接口的名称，而是定义该接口的DOM模块的名称。

下表列出了eventType的合法值以及由每个值创建的事件接口：

参数

事件界面

初始化方法

HTMLEvents

HTMLEvent

iniEvent（）

MouseEvents

MouseEvent

iniMouseEvent（）

UIEvents

UIEvent

iniUIEvent（）

使用此方法创建Event对象后，必须使用上表中所示的初始化方法初始化该对象。有关初始化方法的详细信息，请参见事件对象参考。

此方法实际上不是由Document接口定义的，而是由DocumentEvent接口定义的。如果实现支持事件模块，则Document对象将实现DocumentEvent接口并支持此方法。

本文来自电脑杂谈，转载请注明本文网址：
http://www.pc-fly.com/a/bofangqi/article-316019-1.html