javascript 自定义事件
2015-01-15 15:49
399 查看
一直对javascript的自定义事件比较迷茫,今天来学习下,标准浏览器实现方式:
1.创建事件对象
2.初始化事件对象
3.侦听事件
4.派发事件
1.创建事件对象
/** * type include “UIEvents”, “MouseEvents”, “MutationEvents”, and “HTMLEvents” */ var event = document.createEvent(type);
2.初始化事件对象
/** * eventType:自定义事件的名称 * canBubble:是否冒泡 * cancelable:是否可以用 preventDefault() 方法取消默认事件 */ event.initEvent(eventType,canBubble,cancelable);
3.侦听事件
/** * eventType:自定义事件的名称 * handler:侦听的事件 * useCapture:是否使用捕获模型,默认为false */ target.addEventListener(eventType, handler, useCapture);
4.派发事件
/** * event:声明的事件对象 */ target.dispatchEvent(event);
相关文章推荐
- [转]javascript 自定义事件
- JavaScript 自定义事件
- javaScript自定义事件CustomEvent详解(二)intEvent 和 intiCustomEvent 的区别,及新式写法和老式写法的区别
- Javascript事件模型系列(四)我所理解的javascript自定义事件
- 使用jQuery在javascript中自定义事件
- JavaScript自定义事件
- JavaScript自定义事件,动态添加属性
- JavaScript使用自定义事件实现简单的模块化开发
- javascript 自定义事件初探
- Javascript之自定义事件
- javascript 自定义事件
- YUI事件:自定义事件,以及这几天对javascript编程的认识
- javascript自定义事件
- 理解的javascript自定义事件
- 50、JavaScript里面,自定义事件的简单实现(事件队列的简单实现)
- javascript自定义事件
- JavaScript自定义事件及dom无关事件
- javascript 自定义事件
- 详解javascript实现自定义事件
- 在Javascriptz中自定义事件