动态绑定事件

功能描述

本博客介绍的是,在 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);
});