将事件传递给事件处理程序答案

【问题标题】：pass event to eventhandler将事件传递给事件处理程序
【发布时间】：2014-04-24 00:22:48
【问题描述】：

有时我仍然对事件的处理方式感到困惑。我只是想知道如何将事件传递给它的处理程序。

下面的例子可以正常工作：

$(document).on('click', "div#foo", function(event) {
    event.preventDefault();
});

但是如何将事件传递给由名称指定的处理程序，例如：

// this obviously wont work
$('div#foo').on('click', fooClick);
function fooClick(event){
    event.preventDefault();
}

感谢您的见解！

【问题讨论】：

【解决方案1】：

您的第二个示例正是如何做到这一点，并且效果很好。

.on() 有责任为其调用的回调设置参数，传递的内容与您如何声明回调完全无关。无论回调如何声明，回调函数的第一个参数都是event 对象。

所以，这样就可以了：

function fooClick(event){
    event.preventDefault();
}

// this works just fine
$('div#foo').on('click', fooClick);

需要了解的重要一点是，当您将fooClick 作为第二个参数传递给.on() 时，您只是传递了一个函数引用。由.on() 决定如何调用该函数引用以及传递什么。

仅供参考，如果您只传递#foo，而不是div#foo，您的选择器通常会表现得更好，除非您特别想只匹配#foo（如果它在div标签中）。由于 id 值只能在给定页面中使用一次，因此您通常不需要进一步限定它们，这样做只会为选择器引擎增加（不必要的）工作。

【讨论】：

【解决方案2】：

你的代码没问题，

$('div#foo').on('click', fooClick);
function fooClick(e){
    alert("it work, nevrx");
    e.preventDefault();
}

【讨论】：

【解决方案3】：

Javascript是同步的，试着这样写：

function fooClick(event){
    event.preventDefault();
}
$('div#foo').on('click', fooClick);

【讨论】：