在 jQuery 中绑定现有的 JavaScript 函数

2022-01-15 00:00:00 event-handling jquery javascript

使用 jQuery 我想将现有函数绑定到按钮.我浏览了文档并找到了 bind 方法，但是 jQuery 站点上的示例绑定了新创建的函数，因为我想绑定一个已经定义的函数，例如:

Using jQuery I want to bind an existing function to a button. I've been through the documentation and have found the bind method but the examples on the jQuery site bind newly created functions where as I want to bind a function that's already defined, e.g:

function fHardCodedFunction(){
   //Do stuff
}

function fBindFunctionToElement(){
   $("#MyButton").bind("click", fHardCodedFunction());
}

这可能吗?还是我走错了路?

Is this possible? Or am I going about this the wrong way?

推荐答案

普通的 fHardCodedFunction 已经引用了函数，后缀 () 只会调用它.所以只需传递函数而不是调用它，从而传递返回值:

The plain fHardCodedFunction already refers to the function and the suffix () will just call it. So just pass the function instead of calling it and thereby just passing the return value:

function fBindFunctionToElement(){
   $("#MyButton").bind("click", fHardCodedFunction);
}

相关文章