on和off事件

本文介绍了前端开发中关于事件处理的on和off方法。on方法用于绑定事件,支持多个事件和数据传递,off方法则用于移除已绑定的事件。文章通过实例展示了如何使用on绑定多个点击事件以及如何使用off移除所有点击事件。
摘要由CSDN通过智能技术生成

一、介绍
On事件,是用来绑定事件的事件处理函数,在选择元素上绑定一个或多个事件。
On事件语法形式:On(events,[selector],[data],fn)。
可以传递四个参数:
1.events:一个或多个用空格分隔的事件类型和可选的命名空间,如”click”或”keydown.myPlugin”。
2.selectorz:一个选择器字符串用于过滤器的触发事件的选择器元素的后代。如果选择的<null或省略,当它到达选定的元素,事件总是触发。
3.data:当一个事件被触发时要传递even.data给事件处理函数。
4.fn:该事件被触发是执行的函数。False值也可以做一个函数的简写,返回false。

Off事件,off是on的对头,on是给元素绑定事件,off是移除元素绑定的事件,在选择元素上移除一个或多个事件的事件处理函数。
Off事件的语法形式:off(events,[selector],[fn])。
同样有四个参数传递:

  • events:一个或多个空格分隔的事件类型和可选的命名空间,或仅仅是命名空间,比如”click”,”keydown.myPlugin”。
  • selector:一个最初传递到.on()事件处理程序附加的选择器。
  • fn:事件处理程序函数以前附加的选择器。

二、实际使用
On和addEventListener一样,都可以绑定多个事件,同一个事件都可以绑定多次。
1.绑定的对象

<div id=”btnxp”></div>

2.加点样式

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值