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

DOM initEvent

阅读更多

 

    本文来自w3school:http://www.w3school.com.cn/htmldom/event_initevent.asp

    个人学习积累用,感谢!

 

    initEvent()

 

       ---------  初始化新事件对象的属性

 

     语法

 

/*
 * eventType的值:HTMLEvents、 MouseEvents、 UIEvents
 * canBubble 是否冒泡
 * cancelable 是否可以用preventDefault取消事件 
*/
event.initEvent(eventType,canBubble,cancelable);
分享到:
评论

相关推荐

    javascript 触发HTML元素绑定的函数

    clickEvent.initEvent(“click”, false, true); this.fileEl.dom.dispatchEvent(clickEvent);//ff } else if (document.createEventObject) { this.fileEl.dom.fireEvent(“onclick”, document.createEventObject...

    一个虚拟的DOM库专注于简化模块化拥有强大的功能和性能

    - **渲染和更新**:调用`snabbdom.init()`初始化,并传入模块和根元素,然后将虚拟DOM渲染到页面。当数据变化时,重新生成虚拟DOM树并使用`patch()`方法更新视图。 ### 4. Snabbdom的模块 - **Class模块**:用于...

    JavaScript event对象整理及详细介绍

    JavaScript中的event对象是事件处理机制的核心,它为开发者提供了处理事件所需的属性和方法。以下是对JavaScript event对象的详细介绍,包括其属性、方法以及在不同浏览器中的兼容性问题。 首先,event对象包含了...

    domkit:自定义 DOM UI 元素工具包

    init() { this.addEventListener('click', () => console.log('Element clicked!')); } } // 注册自定义元素 domkit.register(MyCustomElement); // 实例化并添加到DOM const customEl = new MyCustomElement()...

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

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

    一个js拖拽的效果类和dom-drag.js浅析

    evnt = evnt || window.event; var x = parseInt(evnt.clientX); var y = parseInt(evnt.clientY); return new Drag.mousePoint(x, y); }, // 获取鼠标与元素的偏移量 getMouseOffset: function (target, ...

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

    这个例子中,`createEvent`用于创建事件,`initEvent`初始化事件,`addEventListener`注册事件处理器,最后`dispatchEvent`触发事件。在浏览器控制台运行这段代码,可以看到自定义事件被成功触发。 总的来说,...

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

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

    Jqurey 源码分析

    jQuery源码的结构清晰,包括工具函数、异步处理(Deferred)、浏览器检测(Support)、数据缓存(Data)、队列管理(queue)、属性操作(Attribute)、事件处理(Event)、选择器引擎(Sizzle)、DOM遍历和操作、CSS...

    Xen Event Channel源码分析.docx

    - **evtchn_init()**:这是Event Channel初始化的起点,用于准备必要的数据结构和资源,以便后续的通信操作能够正常进行。 - **get_free_port()**:获取一个可用的端口。每个Event Channel都需要一个唯一的端口号来...

    用标准javascript 替代jQuery.

    event.initEvent(type, true, true); event.data = data || {}; event.eventName = type; event.target = this; this.dispatchEvent(event); return this; }; ``` 同样,也可以扩展 NodeList 对象来支持这...

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

    event.initEvent('input', false, true); usernameInput.dispatchEvent(event); event = document.createEvent('HTMLEvents'); event.initEvent('input', false, true); passwordInput.dispatchEvent(event); ``` ...

    js事件触发操作实例分析

    2. **初始化事件**:使用`initEvent`方法设置事件的类型、是否冒泡(bubble)和是否可以取消(cancelable)。例如,`changeEvent.initEvent("change", true, true);`初始化了一个名为`change`的事件,表示该事件会...

    jquery-2.0.3.min.js.pdf

    `x.fn.init`是jQuery构造函数的初始化方法,用于创建jQuery对象。`x.fn`是jQuery原型,它扩展了`Array`的方法,使得jQuery对象可以像数组一样操作。`x.parseHTML`解析HTML字符串并返回DOM元素,`x.merge`用于合并两...

    NVKindEditor3.5.4面向对象版(修改)

    this.KE.init({ scope: this, id: this.textarea.dom.name, afterChange: function (id, scope) { scope.fireEvent('changed', scope); } }); this.KE.create(this.tid); delete ct; }, KindEditor是基于...

    xml解析

    例如,`xml.dom.minidom`是Python中用于DOM解析的库,可以使用`parse()`函数加载XML文件,然后通过节点对象进行操作。 ```python from xml.dom import minidom doc = minidom.parse('example.xml') root = doc....

    JavaScript实现星级评分

    3. `InitEvent`函数初始化事件监听器。在页面加载完成后,遍历所有的`<td>`元素,并为每个元素设置`onmouseover`事件监听器,同时设置鼠标指针为"pointer",表示可以点击。 4. `TdOnclick`函数是鼠标悬停事件的处理...

    Prototype API

    Prototype 提供了一套优雅的事件处理机制,比如`Event.observe()`和`Event.stopObserving()`,可以方便地添加和移除事件监听器,同时提供`Event.stop()`来阻止事件冒泡。 5. **Ajax支持** 作为JavaScript库,...

    YUI 详细说明文档

    init: function() { this.value = "Child"; } }); ``` - **lang.augment**:此方法用于将一个对象的部分或全部属性添加到另一个对象,从而实现属性共享而不是真正的复制。例如: ```javascript var source ...

    jquery-1.11源码

    jQuery 1.11采用模块化设计,每个功能模块如`event.js`、`ajax.js`等,都负责特定的功能,这使得代码结构清晰,易于理解。同时,模块间的依赖关系通过函数调用和变量共享来实现。 3. **选择器引擎Sizzle** 选择器...

Global site tag (gtag.js) - Google Analytics