javascript - JQuery,将相同的函数绑定(bind)到 3 个不同的文本框的 keyup 事件

标签 javascript jquery events bind

我有 3 个文本框,在所有 3 个的 keyup 事件中,我想调用相同的函数?

在下面的代码中,我试图将 keyup 事件绑定(bind)到 CalculateTotalOnKeyUpEvent 函数到名为 compensation 的文本框,但它没有工作:

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

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

最佳答案

你需要这样做:

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

您需要将函数作为参数传递,而不需要像声明时那样传递函数。

关于javascript - JQuery,将相同的函数绑定(bind)到 3 个不同的文本框的 keyup 事件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1138029/

相关文章:

javascript - 带有像 jQuery 中的 .on() 这样的选择器的原生 addEventListener

jquery - 如何在响应式图像上使悬停状态背景为 100% 宽度

javascript - 由于事件触发而中断函数

javascript - <a> 标记上的 Jquery 单击事件未正确触发

javascript - Skrollr 淡入淡出文本不起作用,但所有其他 skrollr 元素都起作用

java - 如何禁用/启用插件?

javascript - Angular js 按钮点击

javascript - new Date() 始终将 dd/mm/yyyy 读取为 mm/dd/yyyy(月份第一),因此日期和月份值混合,导致 NaN/Error

Javascript 计时/循环问题?

php - magento 事件不工作