如何通过jQuery将事件从事件处理程序传递到另一个函数？

嘿，这事儿其实挺简单的，你已经在事件委托里拿到了完整的event对象，直接把它作为参数传给目标函数就行，甚至还能按需传递特定的事件数据。我给你几种常用的实现方式：

1. 直接传递完整的event对象 #

这是最直接的方式，把整个事件对象传给另一个函数，这样目标函数能访问到event里的所有信息，包括你绑定的event.data里的参数：

// 你的editMTTDetails方法
this.editMTTDetails = function(event) {
  // 先验证下事件数据
  alert(event.data.eventID);
  
  // 直接把event传给另一个函数
  MarketingTaskTracker.processMTTEvent(event);
};

// 定义接收事件的目标函数
MarketingTaskTracker.processMTTEvent = function(event) {
  // 在这里可以获取所有事件相关信息
  console.log("事件ID:", event.data.eventID);
  console.log("营销任务编码:", event.data.marketingTaskCode);
  // 还能访问事件源，比如被点击的checkbox
  console.log("被选中的复选框:", event.target);
};

2. 传递特定的事件数据 #

如果目标函数只需要event.data里的部分参数，你可以解构出来单独传递，让代码更清晰：

this.editMTTDetails = function(event) {
  // 解构event.data里的参数
  const { eventID, marketingTaskCode } = event.data;
  
  // 只传递需要的数据给目标函数
  MarketingTaskTracker.handleMTTDetails(eventID, marketingTaskCode);
};

MarketingTaskTracker.handleMTTDetails = function(id, code) {
  console.log("处理事件ID:", id);
  console.log("处理任务编码:", code);
};

3. 用call/apply指定上下文（如果需要） #

如果目标函数需要和当前editMTTDetails方法共享同一个this上下文，可以用call或apply来传递：

this.editMTTDetails = function(event) {
  // 用call指定this，同时传递event对象
  MarketingTaskTracker.processWithContext.call(this, event);
};

MarketingTaskTracker.processWithContext = function(event) {
  // 这里的this和editMTTDetails里的this一致
  console.log("当前上下文:", this);
  console.log("事件数据:", event.data);
};

只要确保你的目标函数是在MarketingTaskTracker构造函数内部或其原型上正确定义的，就能顺利接收传递过来的事件信息啦～

内容的提问来源于stack exchange，提问作者Ramesh