jQuery 共用事件处理器：选中多个元素，不等于事件只执行一次

多个元素可以共用同一个事件函数，但“选中一组元素”与“一次用户动作只执行一次处理”是不同的问题。

已有元素：用逗号选择器共用函数

例如，起止日期任一字段离开焦点时，清除一个普通 checkbox 标记：

function clearSelectionFlag() {
    $(".selection-flag").prop("checked", false);
}

$("#startDate, #endDate").on("blur.dateFlags", clearSelectionFlag);

这里把函数本身传给 on，不是在绑定时立即调用它。示例使用 jQuery 1.7+ 的 on；控件若由组件接管，还应按组件 API 同步状态，参见checkbox 的真实值与视觉状态。

已有 jQuery 对象：用 add 得到新集合

var child = $("#action");
var parent = child.parent();
var both = child.add(parent);

both.on("click.actions", function (event) {
    console.log("绑定的处理位置：", event.currentTarget);
});

add 返回包含合并元素的新 jQuery 对象，不应假定 child 本身被原地扩充。jQuery add

父子都绑定时，同一次点击可以沿两处处理

若 #action 是父容器里的按钮，click 可先触发按钮处理，再冒泡到父容器处理。集合里没有重复节点，也不能阻止这条事件路径。

event.target 通常指向事件的原始目标；直接绑定时 currentTarget 是当前处理器所附着的元素。先根据这两者和 DOM 结构判断到底谁在处理，不要一看到两次输出就默认调用 stopPropagation。

重复初始化造成同一元素绑定多次，是另一种重复来源。只移除自己拥有的事件命名空间，或保证初始化只发生一次，不要用无差别 off 删除其他模块的事件。

动态元素：在稳定容器上选择委托入口

$("#actionList").on("click.actions", ".action-button", function () {
    console.log("处理这个按钮");
});

这是另一种绑定方案，不应再与同一业务的重复直接绑定同时叠加。委托要求事件到达稳定容器，并匹配相应后代；容器自己被替换后，绑定也需要重新安排。jQuery on

共用函数只是复用代码。最终还应分别检查鼠标、键盘、冒泡路径和初始化次数，确认每次业务动作由一个明确的层次负责。