您好,欢迎访问一九零五行业门户网

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()
用该方法创建了 event 对象以后,必须用上表中所示的初始化方法初始化对象。关于初始化方法的详细信息,请参阅 event 对象参考。
该方法实际上不是由 document 接口定义的,而是由 documentevent 接口定义的。如果一个实现支持 event 模块,那么 document 对象就会实现 documentevent 接口并支持该方法。
其它类似信息

推荐信息