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 相关文章推荐
Javascript 布尔型分析
Dec 22 Javascript
javascript检查表单数据是否改变的方法
Jul 30 Javascript
js在输入框屏蔽按键,只能键入数字的示例代码
Jan 03 Javascript
JS中常用的输出方式(五种)
Jun 12 Javascript
JS正则表达式修饰符中multiline(/m)用法分析
Dec 27 Javascript
详解angularjs结合pagination插件实现分页功能
Feb 10 Javascript
jQuery事件与动画基础详解
Feb 23 Javascript
JavaScript实现打地鼠小游戏
Apr 23 Javascript
Vue+axios+WebApi+NPOI导出Excel文件实例方法
Jun 05 Javascript
jquery图片预览插件实现方法详解
Jul 18 jQuery
微信小程序拖拽排序列表的示例代码
Jul 08 Javascript
如何用threejs实现实时多边形折射
May 07 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常量的详解
2013/06/09 PHP
php常见的魔术方法详解
2014/12/25 PHP
在WordPress中实现评论头像的自定义默认和延迟加载
2015/11/24 PHP
php中分页及SqlHelper类用法实例
2017/01/12 PHP
lyhucSelect基于Jquery的Select数据联动插件
2011/03/29 Javascript
js与jquery获取父级元素,子级元素,兄弟元素的实现方法
2014/01/09 Javascript
JS获取单击按钮单元格所在行的信息
2014/06/17 Javascript
控制台报错object is not a function的解决方法
2014/08/24 Javascript
微信WeixinJSBridge API使用实例
2015/05/25 Javascript
Js apply方法详解
2017/02/16 Javascript
JavaScript中Promise的使用详解
2017/02/26 Javascript
js仿拉勾网首页穿墙广告效果
2017/03/08 Javascript
基于jQuery实现一个marquee无缝滚动的插件
2017/03/09 Javascript
jQuery.extend 与 jQuery.fn.extend的用法及区别实例分析
2018/07/25 jQuery
layer.open提交子页面的form和layedit文本编辑内容的方法
2019/09/27 Javascript
[36:05]完美世界DOTA2联赛循环赛 Forest vs DM 第一场 11.06
2020/11/06 DOTA
Python3实现并发检验代理池地址的方法
2016/09/18 Python
python交互式图形编程实例(三)
2017/11/17 Python
使用Django启动命令行及执行脚本的方法
2018/05/29 Python
[原创]Python入门教程5. 字典基本操作【定义、运算、常用函数】
2018/11/01 Python
python使用插值法画出平滑曲线
2018/12/15 Python
pycharm 更改创建文件默认路径的操作
2020/02/15 Python
python中Ansible模块的Playbook的具体使用
2020/05/28 Python
纯CSS3制作页面切换效果的实例代码
2019/05/30 HTML / CSS
html5自带表单验证体验优化及提示气泡修改功能
2017/09/12 HTML / CSS
全球第二大家装零售商:Lowe’s
2018/01/13 全球购物
英国现代家具和照明购物网站:Heal’s
2019/10/30 全球购物
澳大利亚手袋、珠宝和在线时尚精品店:The Way
2019/12/21 全球购物
YII2 全局异常处理深入讲解
2021/03/24 PHP
教师实习自我鉴定
2013/12/11 职场文书
人力资源部培训专员岗位职责
2014/01/02 职场文书
教师作风建设剖析材料
2014/10/11 职场文书
2014年留守儿童工作总结
2014/12/10 职场文书
2015年体育教学工作总结
2015/05/20 职场文书
2016年猴年新春致辞
2015/08/01 职场文书
vue中div禁止点击事件的实现
2022/04/02 Vue.js