Ràng buộc một hàm JavaScript hiện có trong jQuery

Question

Sử dụng jQuery Tôi muốn kết buộc một hàm hiện có với một nút. Tôi đã trải qua những tài liệu và đã tìm thấy phương pháp ràng buộc nhưng các ví dụ trên jQuery ràng buộc chức năng mới được tạo ra ở đâu như tôi muốn để ràng buộc một chức năng đó đã cứng mã hóa, ví dụ:

function fHardCodedFunction(){ 
    //Do stuff 
} 

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

Đây có phải là có thể ? Hoặc tôi đang đi về điều này một cách sai lầm?

Answer 1

Đồng bằng fHardCodedFunction đã đề cập đến hàm và hậu tố () sẽ chỉ gọi nó. Vì vậy, chỉ cần vượt qua chức năng thay vì gọi nó và do đó chỉ cần đi qua giá trị trả về:

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

Answer 2

Có bạn có thể liên kết các phương pháp đó được viết ở một nơi khác, nhưng bạn nên bỏ qua các dấu ngoặc đơn:

function fHardCodedFunction(){ 
    //Do stuff 
} 

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

Answer 3

vay từ các bài khác, bạn có thể parameterize xử lý sự kiện của bạn như sau:

function fHardCodedFunction(someValue) { 
    alert(this.id + " - " + someValue); 
} 


function fBindFunctionToElement() { 
    var someValue = "whatever"; 
    $("#MyButton").bind("click", 
     function() { 
     fHardCodedFunction.apply(this, [someValue]); 
     } 
); 
} 


$(document).ready 
(
    function() { 
    fBindFunctionToElement(); 
    } 
); 

tôi đang sử dụng áp dụng ở đây bởi vì trong chức năng fHardCodedFunction tôi muốn các this thuộc tính để tham chiếu đến phần tử MyButton. Cũng lưu ý rằng áp dụng dự kiến ​​một mảng cho tham số thứ hai, đó là lý do tại sao tôi đã bọc someValue trong dấu ngoặc vuông.

Bạn không phải thực hiện theo cách này và có thể quên thuộc tính này this hoàn toàn nếu bạn thích.