jquery - 将函数名称直接传递给 jQuery 中的事件

Question

我试图将一个函数直接附加到 jQuery 中的 change 事件，但我不太明白。我需要将已更改的元素作为参数传递给我正在调用的函数。

类似这样的东西(但它不起作用):

var fun = function( trigger ){
  // do something
};

$( 'select' ).change( fun( $(this) ) );

以下作品:

$( 'select' ).change( function(){
  fun( $(this) );
});

我也尝试过(只是为了它)

$( 'select' ).bind( 'change', fun( $(this) ) );

但它也不起作用。

Answer 1

$('select').change(fun);

会成功的。您将能够在 fun 函数中访问 this。

这是一个例子:

var fun = function(){
    console.log(this);//output will be the DOM element that had the `change` event fire
};

$( 'select' ).change( fun );

您的第二个解决方案有效，因为您作为事件处理程序传递的匿名函数被授予对 this 变量的访问权限，然后您将其传递给 fun 函数。传递给 jQuery 事件处理程序的任何函数都将接收 this 变量，该变量存储对触发事件的 DOM 元素的引用。