JQuery, liên kết cùng một hàm với 3 sự kiện khóa hộp văn bản khác nhau

Question

Tôi có 3 hộp văn bản và trên sự kiện keyup cho cả 3, tôi muốn gọi cùng một chức năng?

Trong đoạn mã dưới đây, tôi đang Tring để ràng buộc keyup sự kiện để CalculateTotalOnKeyUpEvent chức năng để một textbox tên compensation, nhưng nó không hoạt động:

$("#compensation").bind("keyup", CalculateTotalOnKeyUpEvent(keyupEvent)); 

function CalculateTotalOnKeyUpEvent(keyupEvent) { 
    var keyCode = keyupEvent.keyCode; 
    if (KeyStrokeAllowdToCalculateRefund(keyCode)) { 
    CalculateTotalRefund(); 
    } 
}; 

Answer 1

Bạn cần làm như thế này:

// Edit according to request in the comment: 
// in order to select more than one element, 
// you need to specify comma separated ids. 
// Also, maybe you need to consider to use a CSS class for the selected elements, 
// then it could be just $(".className") 
$("#element1, #element2, ....").bind("keyup", CalculateTotalOnKeyUpEvent); 

Bạn cần chuyển hàm này làm tham số, bạn không cần phải chuyển hàm như được khai báo.

Answer 2

$("#txt1, #txt2, #txt3").keyup(fn); 

Answer 3

Bạn đang gọi số CalculateTotalOnKeyUpEvent ngay lập tức, không chuyển nó làm đối số. Hãy thử điều này:

$("#compensation").bind("keyup",CalculateTotalOnKeyUpEvent); 

Answer 4

$("#compensation").bind("keyup",CalculateTotalOnKeyUpEvent(keyupEvent)); 

Khi bạn viết CalculateTotalOnKeyUpEvent (keyUpEvent) [chú ý() sau tên hàm], bạn đang thực hiện các CalculateTotalOnKeyUpEvent và gán kết quả của hàm để chìa khóa lên sự kiện.

Bạn nên làm một cái gì đó như thế nào,

$('#compensation, #otherId1, #otherId2') 
    .bind('keyup', CalculateTotalOnKeyUpEvent); 

đâu otherId1 'và 'otherId2' là id của hai textbox hơn.

Answer 5

hoặc chỉ cung cấp cho tất cả 3 hộp văn bản cùng một lớp và bạn tốt để đi