一.实现绑定多个事件
-
1.使用on绑定多个事件对应同一个事件处理
函数语法结构：jq对象.on(“事件类型1 事件类型2”,”事件处理函数”)
如：
image.png
-
2.使用on绑定多个事件对应不同的事件处理函数
函数语法结构：
jq对象.on({
事件类型1 : 事件处理函数1,
事件类型2 : 事件处理函数2,
事件类型3 : 事件处理函数3
});
如：
image.png
二.使用on进行事件委派
使用jQuery中on进行普通绑定事件的时候，会出现一些小小问题，就是不能给动态添加的元素绑定事件 ，如下
image.png
这时候就要用到on的事件委派（事件委托）
语法结构：jq对象.on("事件类型","指定的后代元素",事件处理函数)
如：
image.png
3.总结
如果是普通绑定事件你就可以使用on的普通事件绑定，如果是对于动态添加的元素的事件绑定就使用on的事件委派。
参考：https://baijiahao.baidu.com/s?id=1586563725522400415&wfr=spider&for=pc
网友评论