js 中 document.createEvent的用法


Posted in Javascript onAugust 29, 2010

<a class="comment-mod" onclick="alert('ss')" href="#">评论</a>
如果用户直接查看文章列表,那么所有的评论以及评论框都是不显示的,但是如果用户通过别的页面比如首页的个人动态直接定位到这篇日志,那么评论就应该全部显示。而列表页和查看单个条目的页面是同一个页面,这就要求我判断一下用户是否定位到该篇日志,如果是,就通过JS来触发 A 标签的点击事件。
一开始我尝试了一些方法,想当然地以为 A 标签和按钮一样是有 onclick() 事件的,结果发现没有,后来从网上搜了一些资料之后,成功解决了这个问题^_^ 。解决办法是针对 IE 和 FF编写不同的逻辑,部分代码如下:

<script> 
var comment = document.getElementsByTagName('a')[0]; 
if (document.all) { 
// For IE 
comment.click(); 
} else if (document.createEvent) { 
//FOR DOM2 
var ev = document.createEvent('HTMLEvents'); 
ev.initEvent('click', false, true); 
comment.dispatchEvent(ev); 
} 
</script>

语法:
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 接口并支持该方法。

Javascript 相关文章推荐
在修改准备发的批量美化select+可修改select时,在非IE下发现了几个问题
Jan 09 Javascript
js Event对象的5种坐标
Sep 12 Javascript
学习从实践开始之jQuery插件开发 对话框插件开发
Apr 26 Javascript
jquery获取自定义属性(attr和prop)实例介绍
Apr 21 Javascript
快速学习jQuery插件 jquery.validate.js表单验证插件使用方法
Dec 01 Javascript
js获取当前页的URL与window.location.href简单方法
Feb 13 Javascript
vue 标签属性数据绑定和拼接的实现方法
May 17 Javascript
基于jQuery实现的设置文本区域的光标位置
Jun 15 jQuery
js实现多张图片每隔一秒切换一张图片
Jul 29 Javascript
微信小程序模板消息推送的两种实现方式
Aug 27 Javascript
BootStrap表单验证中的非Submit类型按钮点击时触发验证的坑
Sep 05 Javascript
原生JS实现烟花效果
Mar 10 Javascript
JQuery浮动DIV提示信息并自动隐藏的代码
Aug 29 #Javascript
jQuery下的几个你可能没用过的功能
Aug 29 #Javascript
基于jquery的一个浮动框(扩展性比较好 )
Aug 27 #Javascript
Jquery+ajax请求data显示在GridView上(asp.net)
Aug 27 #Javascript
JQERY limittext 插件0.2版(长内容限制显示)
Aug 27 #Javascript
Jquery.TreeView结合ASP.Net和数据库生成菜单导航条
Aug 27 #Javascript
jquery 插件开发备注
Aug 27 #Javascript
You might like
PHP生成HTML静态页面实例代码
2008/08/31 PHP
PHP 读取文件的正确方法
2009/04/29 PHP
一步一步学习PHP(7) php 字符串相关应用
2010/03/05 PHP
php中关于codeigniter的xmlrpc的类在进行数据交换时的类型问题
2011/07/03 PHP
jQuery 技巧小结
2010/04/02 Javascript
JavaScript开发规范要求(规范化代码)
2010/08/16 Javascript
网页源代码保护(禁止右键、复制、另存为、查看源文件)
2012/05/23 Javascript
jquery $(document).ready()和window.onload的区别浅析
2015/02/04 Javascript
jQuery命名空间与闭包用法示例
2017/01/12 Javascript
JavaScript中的子窗口与父窗口的互相调用问题
2017/02/08 Javascript
Angular-Ui-Router+ocLazyLoad动态加载脚本示例
2017/03/02 Javascript
vue下跨域设置的相关介绍
2017/08/26 Javascript
js实现登录注册框手机号和验证码校验(前端部分)
2017/09/28 Javascript
VUE element-ui 写个复用Table组件的示例代码
2017/11/18 Javascript
微信小程序实现天气预报功能
2018/07/18 Javascript
JS面试题大坑之隐式类型转换实例代码
2018/10/14 Javascript
微信小程序实现左滑修改、删除功能
2020/10/19 Javascript
微信小程序吸底区域适配iPhoneX的实现
2020/04/09 Javascript
windows如何把已安装的nodejs高版本降级为低版本(图文教程)
2020/12/14 NodeJs
python中将阿拉伯数字转换成中文的实现代码
2011/05/19 Python
在Python的web框架中配置app的教程
2015/04/30 Python
Python类属性与实例属性用法分析
2015/05/09 Python
浅谈Python实现2种文件复制的方法
2018/01/19 Python
Django高级编程之自定义Field实现多语言
2019/07/02 Python
Python中PyQt5/PySide2的按钮控件使用实例
2019/08/17 Python
利用Python绘制Jazz网络图的例子
2019/11/21 Python
canvas画图被放大且模糊的解决方法
2020/08/11 HTML / CSS
匡威西班牙官网:Converse西班牙
2019/10/01 全球购物
教师中国梦演讲稿
2014/04/23 职场文书
会计学自荐信
2014/06/03 职场文书
试用期转正后的自我评价
2014/09/21 职场文书
2015年预防青少年违法犯罪工作总结
2015/05/22 职场文书
2016年植树节红领巾广播稿
2015/12/17 职场文书
导游词之沈阳植物园
2019/11/30 职场文书
vue整合百度地图显示指定地点信息
2022/04/06 Vue.js
html网页引入svg图片的4种方式
2022/08/05 HTML / CSS