动态绑定事件
功能描述
本博客介绍的是,在 JavaScript
中怎么动态绑定事件的技术点
1. 先解绑,再绑定
动态绑定事件最好的方法就是,先解绑,再绑定,具体代码为:
$('#_btn').off('click').on('click', _xxxEvent);
2. 绑定语法
当方法作为一个参数传递的时候,不要有括号
,否则绑定后会立马激活绑定的方法,只是调用方法的名称,如
🍉🍉错误的写法
$('#_btn').off('click').on('click', _clickEvent());
👑👑正确的写法
$('#_btn').off('click').on('click', _clickEvent);
3. 事件绑定
动态绑定事件,并将参数传递到绑定的方法中
🏀🏀举个栗子
function GetCode(event) {
alert(event.data.foo)
}
$(document).ready(function() {
$("#summary").bind("click", {foo: 'abc'}, GetCode);
});