event.initEvent()


标签:

javascript

it

 

DOM createEvent() 方法

定义和用法

初始化新事件对象的属性

语法

event.initEvent(eventType,canBubble,cancelable)
参数 描述
eventType 字符串值。事件的类型。
canBubble 事件是否起泡。
cancelable 是否可以用 preventDefault() 方法取消事件。

说明

该方法将初始化 document_createEvent() 方法创建的合成 Event 对象的 type 属性、bubbles 属性和 cancelable 属性。只有在新创建的 Event 对象被 Document 对象或 Element 对象的 dispatchEvent() 方法分派之前,才能调用 Event.initEvent() 方法。

Document 对象参考手册

定义和用法

createEvent() 方法创建新的 Event 对象。

语法:

createEvent(eventType)
参数 描述
eventType

想获取的 Event 对象的事件模块名。

关于有效的事件类型列表,请参阅“说明”部分。

返回值

返回新创建的 Event 对象,具有指定的类型。

抛出

如果实现支持需要的事件类型,该方法将抛出代码为 NOT_SUPPORTED_ERR 的 DOMException 异常。

说明

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

下表列出了 eventType 的合法值和每个值创建的事件接口:

参数 事件接口 初始化方法
HTMLEvents HTMLEvent iniEvent()
MouseEvents MouseEvent iniMouseEvent()
UIEvents UIEvent iniUIEvent()

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

XML DOM dispatchEvent() 方法

Element 对象参考手册

定义和用法

dispatchEvent() 方法给节点分派一个合成事件。

语法:

dispatchEvent(evt)
参数 描述
evt 必需。要分派的 Event 对象。

返回值

如果在事件传播过程中调用了 evt 的 preventDefault() 方法,则返回 false,否则返回 true。

抛出

如果 Event 对象 evt 没有被初始化,或者它的 type 属性为 null 或空串,该方法将抛出异常。

定义和用法

initEvent() 方法初始化新事件对象的属性。

语法

event.initEvent(eventType,canBubble,cancelable)
参数 描述
eventType 字符串值。事件的类型。
canBubble 事件是否起泡。
cancelable 是否可以用 preventDefault() 方法取消事件。

说明

该方法将初始化 document_createEvent() 方法 创建的合成 Event 对象的 type 属性、bubbles 属性和 cancelable 属性。 只有在新创建的 Event 对象被 Document 对象 或 Element 对象 的 dispatchEvent() 方法 分派之前,才能调用 Event.initEvent() 方法。

  1. if(document.all){  //ie下
  2. document.getElementByIdx_x("a3").click();
  3. }
  4. else{
  5. var evt = document_createEvent("MouseEvents");
  6. evt.initEvent("click", truetrue);
  7. document.getElementByIdx_x("a3").dispatchEvent(evt);
  8. }

event.initEvent()相关推荐

  1. Zepto源码分析-event模块

    源码注释 // Zepto.js // (c) 2010-2015 Thomas Fuchs // Zepto.js may be freely distributed under the MIT l ...

  2. mass Framework event模块 v8

    最近对事件模块进行疯狂升级的成果. define("event", top.dispatchEvent ? ["$node"] : ["$node&q ...

  3. javascript Event对象

    参考:https://developer.mozilla.org/zh-CN/docs/Web/API/Event Event接口表示在DOM中发生的事件(鼠标,键盘,动画,图片加载,视频暂停等等) ...

  4. js事件Event对象(自定义事件对象 CustomEvent)

    文章目录 一.参考 二.Event 接口介绍 2.1 事件分类 三. 创建过时Event不推荐 3.1 document.createEvent 3.1.1 语法`var event = docume ...

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

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

  6. HTML5左取函数,Javascript常用方法函数收集(一)

    本文中,收集了一些比较常用的Javascript函数,希望对学习JS的朋友们有所帮助. 1.字符串长度截取 function cutstr(str, len) { var temp, icount = ...

  7. 浅谈Javascript事件模拟

    事件是用来描述网页中某一特定有趣时刻的,众所周知事件通常是在由用户和浏览器进行 交互时触发,其实不然,通过Javascript可以在任何时间触发特定的事件,并且这些事件与浏览器创建的事件是相同的.这就 ...

  8. 【初窥javascript奥秘之事件机制】论“点透”与“鬼点击”

    前言 最近好好的研究了一番移动设备的点击响应速度,期间不断的被自己坑,最后搞得焦头烂额,就是现在可能还有一些问题,但是过程中感觉自己成长不少, 最后居然感觉对javascript事件机制有了更好的认识 ...

  9. 【探讨】javascript事件机制底层实现原理

    前言 又到了扯淡时间了,我最近在思考javascript事件机制底层的实现,但是暂时没有勇气去看chrome源码,所以今天我来猜测一把 我们今天来猜一猜,探讨探讨,javascript底层事件机制是如 ...

最新文章

  1. php和css一样吗,php和css一样吗
  2. Python爬虫(三)_urllib2:get和post请求
  3. cocos2dx-lua之断点调试支持
  4. 【文档】软件版本发布说明
  5. Git 什么时候用什么指令
  6. oracle em 界面乱码,oracle em 按钮乱码解决办法及em网页变成英文
  7. cox风险回归模型参数估计_信用风险管理:分类模型和超参数调整
  8. 闭包---在函数内部再定义一个函数
  9. qt使用自带的日志输出实例输出日志时,在日志中显示行数
  10. 软件项目验收汇报ppt_项目验收!万能PPT模板!等你来拿
  11. 几个可能会用到的前端库
  12. java 多线程 一个博客
  13. C++,error c2662 cannot convert 'this' pointer from 'const A' to 'A '
  14. 正轴等角割圆锥投影综述
  15. 自动量程万用表的实现原理_电子元器件用指针万用表、数字万用表、自动量程万用表测量原理图解大全教会您怎么看与测的呢?...
  16. 智能汽车路径规划-曲线插值法、人工势场法
  17. 移动网站建设应注意哪些问题?
  18. hdu5773 2016年多校4 nlogn求LIS
  19. 中华神话传说中神仙全表(ZZ)
  20. 微信生成二维码 PHP

热门文章

  1. 一、服务端渲染技术NUXT
  2. 基于Windows Embedded部署物流配货系统加快物流速度
  3. js输入框的联想功能
  4. 随堂笔记վ‘ᴗ‘ ի
  5. 西门子PLC OPC配置及开发
  6. LRTimelapse 5 for Mac(专业延时摄影软件)
  7. 【Python学习】——实现文本的朗读(pyttsx3)
  8. LinuxPTP使用,selected local clock xxx as best master
  9. QT下的udp视频传输系统
  10. DXP快速覆铜(闭合曲线覆铜)