文章目录

• 1. 绑定事件处理函数
• (1) on 绑定事件
• (2) 监听器绑定事件
• 2. 解除事件处理函数
• (1) on 事件解除方式
• (2) 监听器解除方式

 
 

1. 绑定事件处理函数

• 以下两种方法的 this 都是指向 dom 元素本身
   

(1) on 绑定事件

• 语法: ele.onxxx = function(event){}
• 备注:
  兼容性很好, 但是一个元素的同一个事件上, 只能绑定一个处理函数
  这种方式基本等同于写在 HTML 行间上

 

(2) 监听器绑定事件

• 语法: ele.addEventListener(type, function, false)
• 参数表: ( 事件类型, 处理函数, 是否取消事件冒泡 )
• 备注:
  同一个事件可以绑定多个处理函数, 函数的执行顺序按照绑定顺序执行

 
 

2. 解除事件处理函数

 

(1) on 事件解除方式

• 语法: ele.onxxx = false / '' / null;

 

(2) 监听器解除方式

• 语法: ele.removeEventListener(type, function, false)
• 备注:
  若绑定匿名函数, 则无法解除, 若想要有一个可以被解除的监听器,
  则功能函数必须在监听器外定义, 并赋予函数名字, 这样才可以被引用识别到

• 点赞
• 收藏
• 分享
• • 文章举报

leon9dragon 发布了46 篇原创文章 · 获赞 0 · 访问量 1143 私信 关注

标签：事件处理,函数,绑定,解除,事件,监听器,二十四,JS
来源： https://blog.csdn.net/leon9dragon/article/details/104052673