一、介绍
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.加点样式