js 事件on动态绑定和jq 事件的和函数绑定元素

2024年4月26日 215次阅读 来源: 六块腹肌的长者

js事件on动态绑定数据，绑定多个事件的方法

1、on(‘click’)与$(”).click()方法的区别

on('click'):事件委托机制：
在body元素上绑定click事件处理函数handler,如果这个click事件是由后代p元素触发，就执行handler方法,$(document.body).on('click','p',handler);
事件委托机制：不为每个P元素直接绑定click事件处理函数，而是委托给其祖辈元素，告诉他，如果接收到click事件触发通知，并且click事件是由P元素其中之一触发的，就执行祖辈元素上委托绑定的事件处理函数。
注意：“focus”、“blur”等部分事件不支持冒泡，使用事件委托将无效。可以使用event.stopPropagation()方法，让当前触发事件停止冒泡。
1、绑定多个事件，用空格隔开事件和命名空间：
on({
    "click":function(){},
    "mouseover":function(){}
})
2、可以给动态元素和属性绑定事件
    click()不能为页面动态加载的元素添加事件，只能事件委托

on()参数

$().on(events,[selector],[data],fn)
    原文作者：六块腹肌的长者
    原文地址: https://segmentfault.com/a/1190000020094575
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞