js 中 document.createEvent的用法

更新时间:2010年08月29日 23:22:02   作者:

用该方法创建了 Event 对象以后,必须用上表中所示的初始化方法初始化对象。关于初始化方法的详细信息,请参阅 Event 对象参考。

评论

如果用户直接查看文章列表,那么所有的评论以及评论框都是不显示的,但是如果用户通过别的页面比如首页的个人动态直接定位到这篇日志,那么评论就应该全部显示。而列表页和查看单个条目的页面是同一个页面,这就要求我判断一下用户是否定位到该篇日志,如果是,就通过JS来触发 A 标签的点击事件。

一开始我尝试了一些方法,想当然地以为 A 标签和按钮一样是有 onclick() 事件的,结果发现没有,后来从网上搜了一些资料之后,成功解决了这个问题^_^ 。解决办法是针对 IE 和 FF编写不同的逻辑,部分代码如下:

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

}

语法:

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

相关文章

今天小编就为大家分享一篇在layui.use 中自定义 function 的正确方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧2019-09-09

现在微博都有一个不错的效果就是会实时的动态滚动并显示最新的信息了,下面我来给大家介绍仿新浪微博大厅首页滚动效果,希望此方法对大家会有帮助。2015-10-10

这篇文章主要介绍了JavaScript使用indexOf()实现数组去重的方法,结合实例形式分析了使用indexOf()方法进行数组的判断与去重相关原理与具体操作技巧,需要的朋友可以参考下2018-09-09

想必大家都知道,JavaScrip是全栈开发语言,浏览器,手机,服务器端都可以看到JS的身影。 本文会分享一些高效的JavaScript的最佳实践,提高大家对JS的底层和实现原理的理解,感兴趣的小伙伴们可以参考一下2016-01-01

留言板想必大家都有见过吧,但是可以折叠的却不是很多,恰好本文提供一个比较不错的可折叠留言板,感兴趣的朋友可以学习下2014-07-07

今天在阅读网上一些模拟Jq的ready方法时,发现一些小细节,就是网上的ready事件大部分都是在onload事件执行后加载,而jquery确能在onload加载前。2009-12-12

本篇文章主要介绍了Android中Okhttp3实现上传多张图片同时传递参数 ,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧2017-02-02

这篇文章主要是对利用js实现前台动态添加文本框,后台获取文本框内容的示例代码进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助2013-11-11

这篇文章主要给大家介绍了利用纯js + transition动画实现移动端web轮播图的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考借鉴,下面来一起看看吧。2017-09-09

根据Nicholas 的说法,有四种代码 会拖慢脚本的运行,并最终导致脚本失控。分别是次数过多的同步循环、庞大的函数体、不恰当的递归和不合理的DOM 调用。2009-08-08

最新评论

html dom createevent,js 中 document.createEvent的用法相关推荐

  1. js 中 document.createEvent的用法-转载

    js 中 document.createEvent的用法 <a class="comment-mod" οnclick="alert('ss')" hre ...

  2. js中document通过ID获取的一些使用方法

    js中document通过ID获取的一些使用方法 document.getElementById("link").href;  document.getElementById(&q ...

  3. js中使用createEvent和initEvent实现自定义事件

    自定义事件分三大步: 1  定义一个事件 2  设置事件监听 3  手动触发事件 <!DOCTYPE html> <html lang="en"><h ...

  4. js中的extend的用法及其JS中substring与substr的区别

    1.    JS中substring与substr的区别 之前在项目中用到substring方法,因为C#中也有字符串的截取方法Substring方法,当时也没有多想就误以为这两种方法的使用时一样的. ...

  5. js中的escape的用法汇总

    js对文字进行编码涉及3个函数:escape,encodeURI,encodeURIComponent,相应3个解码函数:unescape,decodeURI,decodeURIComponent 1 ...

  6. Javascript中document.execCommand()的用法

    document.execCommand()方法处理Html数据时常用语法格式如下: document.execCommand(sCommand[,交互方式, 动态参数]) 其中:sCommand为指 ...

  7. java referrer_JavaScript中document.referrer的用法详解

    前言 在JavaScript中,document对象有很多属性,其中有3个与对网页的请求有关的属性,它们分别是URL.domain和referrer. URL属性包含页面完整的URL,domain属性 ...

  8. js中“||”和“”的高级用法 js,与或运算符 || 妙用

    网络上找到的一篇关于逻辑与和逻辑或的文章,详细记录一下. http://www.jb51.net/article/21339.htm 例1:用于赋值 &&:从左往右依次判断,当当前值为 ...

  9. 前端开发:JS中截取字符串的用法总结

    前言 在前端开发过程中,对JS相关的字符串处理可谓是家常便饭,对字符串对处理也是前端开发过程中使用频率非常高的知识点之一,对从后台获取到的字符串进行二次处理也是非常普遍的需求,那么本文就来分享一下在前 ...

最新文章

  1. css语言基础--css的选择符语法
  2. Asp.net MVC中的ViewData与ViewBag
  3. 自己也遇到了-db_recovery_file_dest_size 修改大一点
  4. 关于MVC项目目录结构调整的想法
  5. 私家车合乘系统 matlab,适用于预约拼车的合乘人员沟通方法及其系统的制作方法...
  6. html的语义化面试题,前端面试题-HTML结构语义化
  7. 【转】HttpModule和HttpHandler(续)
  8. php opcodes 还原代码,深入理解PHP原理之Opcodes(PHP执行代码会经过的4个步骤是什么)...
  9. 问题 : lang.NoClassDefFoundError: org/springframework/core/annotation/AnnotatedElementUtils,的解决方法
  10. Python3.8 安装gmpy2 教程, 无法安装gmpy2解决方案
  11. Java程序设计基础
  12. 12道 javaScript 经典逻辑题,是否承载着你的回忆
  13. 写论文的公式怎么写最便捷?
  14. 15.元组(低调的元组,不一样的精彩)
  15. 被说了很多遍的设计模式---外观模式
  16. Partial Adversarial Domain Adaptation学习笔记
  17. vue实现页面跳转过渡效果 transition
  18. 比较好的英文学习网站
  19. 非功能性需求都包括哪些方面?
  20. IONIC中slides的使用(图片显示及其删除)

热门文章

  1. Python重用父类方法和super的使用
  2. Python基础教程:list列表、tuple元组、range常用方法总结
  3. Python 类常用各种方法及区别
  4. 不用第三方库,也能用 Python 作图,效果还不错
  5. 计算机ftp无法找到启动路径,filezilla出现路径错误导致无法启动怎么办?filezilla无法启动的解决方法...
  6. window10最全win键组合技巧(win10快捷键)
  7. 【中级软考】位示图bitmap是什么?(利用二进制的一位来表示磁盘中的一个盘块的使用情况)
  8. Intel Realsense D435运行报错 RuntimeError: Camera not connected! dev.hardware_reset()函数需加睡眠sleep()
  9. 安装OpenResty,实现分发层、应用层nginx+lua开发(附加问题:bad argument #2 to ‘set_keepalive‘ (number expected, got nil)
  10. Ubuntu16.04安装CUDA8.0时,提示:The driver installation is unable to locate the kernel source.