javascript - 在普通对象中将函数传递给 .on()

Question

我想在鼠标输入时调用自定义函数。

我当前的代码如下所示:

var myFunction = function(element)
{
   //do something with element
}

$( selector ).on({
    mouseenter: myFunction($(this)),
    mouseleave: myFunction($(this))
}, ' selector ');

我的问题是似乎甚至没有调用 myFunction()。这是否有效，还是我弄乱了其他东西？

Answer 1

您没有传递函数。您正在立即调用该函数并传递其返回值。

由于您想要使用参数调用该函数，而该参数的值在事件触发之前无法确定，因此您需要创建一个新函数。

function use_myFunction_as_event_handler(event) {
    myFunction($(this));
}

$('selector').on({
    mouseenter: use_myFunction_as_event_handler,
    mouseleave: use_myFunction_as_event_handler
}, 'selector');