addEventListener与handleEvent
来源:互联网 发布:前端整么添加数据 编辑:程序博客网 时间:2024/05/29 10:36
1 . addEventListener方法用于给指定元素添加事件监听器
// 第二个参数function是指定要事件触发时执行的函数element.addEventListener(event, function, useCapture)
2 . handleEvent 是实现Eventlistener的一种方式,如下
<script> (function () { // 作为一个工具类出现 var utils = {}; // 添加事件方法 utils.addEvent = function (type, el, fn, capture) { // 注册事件监听器,capture = true 事件句柄在捕获阶段执行,也就是立即执行 el.addEventListener(type, fn, !!capture); }; // 删除事件 utils.removeEvent = function (el, type, fn, capture) { el.removeEventListener(type, fn, !!capture); }; function Slidebar () { this.sidebar = document.querySelector('.sidebar') this.initEvent() } Slidebar.prototype = { // 初始化事件 initEvent: function () { utils.addEvent('touchstart', this.sidebar, this) }, // 自动从传入的对象中寻找handleEvent方法 handleEvent: function (e) { // 事件类型 console.log(e.type) // 根据事件类型,定义不同的处理函数 switch ( e.type ) { case 'touchstart': this._start(e); break; } }, // touchstart事件处理函数 _start: function (e) { } } // 实例化 new Slidebar() })()</script>
阅读全文
0 0
- addEventListener()与handleEvent()
- addEventListener与handleEvent
- addEventListener之handleEvent
- 关于 addEventListener 和 handleEvent 方法
- 关于 addEventListener 和 handleEvent 方法
- addEventListener第二个参数的handleEvent
- HandleEvent
- attachEvent与addEventListener区别
- attachEvent与addEventListener区别
- addEventListener()与removeEventListener()
- attachEvent与addEventListener区别
- attachEvent 与 addEventListener
- addEventListener()与removeEventListener()
- addEventListener()与removeEventListener()
- addEventListener()与removeEventListener()
- dispatchEvent 与 addEventListener
- addEventListener()与removeEventListener()
- attachEvent 与addEventListener 区别
- filebeat收集日志
- MATLAB读取十六进制文件
- 图片下载功能
- 用一个数组实现三个栈结构
- loj#526. 「LibreOJ β Round #4」子集
- addEventListener与handleEvent
- 中间件 消息队列 ActiveMQ
- 关于iOS中委托(Delegate)的几点看法
- Leetcode-8. String to Integer (atoi)
- 【Spring in action】SpringMVC的准备工作:Servlet基础
- 数据库三范式
- 西瓜书《机器学习》阅读笔记3——Chapter2_ROC曲线
- 【HTTP】Fiddler(一)
- 用javascript实现图片上传预览