Question

我有3个文本框，而对于所有3个keyup事件，我想调用相同的函数吗？

在下面的代码中，我想将keyup事件绑定到CalculateTotalOnKeyUpEvent函数到名为compensation的文本框，但它不起作用：

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

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

Answer 1

你需要这样做：

// 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);

你需要将函数作为参数传递，你不需要传递声明的函数。

Answer 2

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

Answer 3

或者只是给所有3个文本框提供相同的课程，你就可以了。

Answer 4

您正在立即调用CalculateTotalOnKeyUpEvent，而不是将其作为参数传递。试试这个：

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

Answer 5

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

当您编写CalculateTotalOnKeyUpEvent（keyUpEvent）[注意函数名称后的（）]时，您正在执行CalculateTotalOnKeyUpEvent并将函数的结果分配给键起事件。

你应该做点什么，

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

其中'otherId1'和'otherId2'是另外两个文本框的ID。

JQuery，将相同的函数绑定到3个不同的文本框的keyup事件

5 个答案: