`
zhangyaochun
  • 浏览: 2613761 次
  • 性别: Icon_minigender_1
  • 来自: 北京
文章分类
社区版块
存档分类
最新评论

DOM createEvent

阅读更多

 

   本文来自w3school:http://www.w3school.com.cn/xmldom/met_document_createevent.asp

    个人学习积累用,感谢!

 

    createEvent()

 

       ---------  创建新的Event对象

 

    语法

 

/*
 * eventType的值:HTMLEvents、 MouseEvents、 UIEvents
*/
document.createEvent(eventType);

 

   说明对应的eventType不一样,初始化的方法也不一样:

 

  • initEvent -------------------------  HTMLEvents
  • initMouseEvent ----------------- MouseEvents
  • initUIEvent------------------------UIEevents

 

分享到:
评论

相关推荐

    js 中 document.createEvent的用法

    JavaScript中的document.createEvent方法允许开发者手动创建一个事件对象,该方法属于DOM(文档对象模型)技术的一部分。通过该方法创建的事件对象,可以被事件监听器触发并执行相应的事件处理函数,以此来模拟用户...

    JavaScript中的模拟事件和自定义事件实例分析

    可以在document对象上使用createEvent()方法创建event对象,此方法接收一个参数,即要创建的事件类型的字符串。在DOM2级中这些字符串都使用英文复数形式,而在DOM3级中都变成了单数。这个字符串可以是以下几个字符串...

    前端大厂最新面试题-js.docx

    也可以使用 `document.createEvent('Event')`、`initEvent` 和 `dispatchEvent` 方法来创建和触发自定义事件。 五、事件委托 事件委托利用了事件冒泡,只指定一个事件处理程序,就可以管理某一类型的所有事件。...

    JavaScript”模拟事件”的注意要点详解

    首先通过document.createEvent()方法创建event对象,接收一个参数,即表示要创建的事件类型的字符串: UIEvents(DOM3中的UIEvent)鼠标和键盘事件; MouseEvents(DOM3中的MouseEvent)鼠标事件; Mutation...

    将ElectronAccelerator字符串转换为DOMKeyboardEvent

    然而,这些`Accelerator`对象并不直接与浏览器中的DOM键盘事件兼容。本篇文章将深入探讨如何将`ElectronAccelerator`字符串转换为`DOMKeyboardEvent`,以便在Web应用中正确处理键盘事件。 首先,`...

    浅谈Javascript事件模拟

    可以通过document上的createEvent()方法,在任何时候创建事件对象,此方法只接受一个参数,既要创建事件对象的事件字符串,在DOM2 级规范上所有的字符串都是复数形式,在DOM 3级事件上所有的字符串都采用单数形式,...

    网站如何做到完全不需要jQuery也可以满足简单需求

    虽然原生JavaScript没有直接对应的方法,但可以通过document.createEvent创建事件,并通过initEvent方法初始化事件,然后用dispatchEvent方法来触发事件。这一过程相比jQuery的trigger方法要复杂一些,但通过封装也...

    百度翻译源码java-2017-notes:2017-笔记

    百度翻译源码java ...document.createEvent('kaiyu'); //属性 innerText, innerHTML,checked(true|false ""|"checked"),title, value, src, href, contentEditable //DOM元素API参考,包括属性和方法 ...

    java版商城源码下载-HTML5Course20170717:HTML5课程20170717

    java版商城源码下载 ...document.createEvent('kaiyu'); //属性 innerText, innerHTML,checked(true|false ""|"checked"),title, value, src, href, contentEditable //DOM元素API参考,包括属性和方法 ...

    java版商城源码下载-FE-summarize:FE降价

    java版商城源码下载 ...document.createEvent('kaiyu'); //属性 innerText, innerHTML,checked(true|false ""|"checked"),title, value, src, href, contentEditable //DOM元素API参考,包括属性和方法 ...

    base2:从 code.google.compbase2 自动导出

    base2.DOM Selectors API 的快速实现修复了 DOM 事件模块的损坏浏览器实现,包括 document.createEvent()、dispatchEvent()、addEventListener() 等支持 DOMContentLoaded 修复 getAttribute()/setAttribute()/...

    代码触发js事件(click、change)示例应用

    这段代码首先检查浏览器是否支持`createEvent`方法,如果支持,则使用DOM Level 2标准的方式来创建并初始化一个鼠标点击事件,然后在目标元素上触发这个事件。对于不支持`createEvent`的老版本IE,它会使用`fire...

    用标准javascript 替代jQuery.

    var event = document.createEvent('HTMLEvents'); event.initEvent(type, true, true); event.data = data || {}; event.eventName = type; event.target = this; this.dispatchEvent(event); return this; ...

    利用JS响应式修改vue实现页面的input值

    在处理类似需求时,不仅要关注DOM的直接修改,还要确保这些修改能够被Vue的响应式系统捕获,从而保持数据和视图的一致性。这个案例展示了Vue与其他前端技术(如原生JavaScript)协同工作的能力,以及在实际项目中...

    JS子页面掉父页面

    这种方式需要确保事件能够在不同DOM树之间传播,因此可能需要使用`document.createEvent`和`event.target.dispatchEvent`等方法。 ```javascript // 子页面触发事件 var event = document.createEvent('CustomEvent...

    详解JavaScript中的自定义大事编写_.docx

    它们允许开发者在不依赖特定DOM操作或用户交互的情况下,触发和响应特定的事件。这在模块化编程、组件化开发以及实现复杂逻辑时尤其有用。本文将深入讲解如何在JavaScript中创建和使用自定义事件。 首先,我们可以...

    javascript document

    `document`对象还提供了事件处理相关的属性和方法,如`document.addEventListener()`用于添加事件监听器,`document.removeEventListener()`移除监听器,以及`document.createEvent()`和`document.dispatchEvent()`...

    javascript 触发HTML元素绑定的函数

    代码如下:if (document.createEvent) { var clickEvent = document.createEvent(“MouseEvents”); clickEvent.initEvent(“click”, false, true); this.fileEl.dom.dispatchEvent(clickEvent);//ff } else if ...

Global site tag (gtag.js) - Google Analytics