javascript - JQuery 更改时，keyup 不触发

Question

我遇到了一个非常简单的函数的问题，该函数试图在文本框更改时触发。这似乎是一个常见的问题，但大多数时候似乎都围绕着顶部 $(document).ready being missing 展开。

然而，这让我感到难过。我有许多其他 JQuery 元素正确触发，但这个似乎不想。伙计们有什么想法吗？

detection: <input type="text" placeholder="detect value" name="txt_detection" id="txt_detection">

$(document).ready(function() {
  $('#txt_detection').on('change, keyup', function(){
    alert "oops!";
  });
});

我也有它:https://jsfiddle.net/hzmjjzd9/

感谢收到的任何帮助。

Answer 1

您的代码中有两个问题。首先，on() 接受单个字符串中的每个事件，该字符串是 space 分隔的，而不是逗号分隔的。其次，调用 alert() 时缺少括号。试试这个:

$(document).ready(function() {
  $('#txt_detection').on('change keyup', function() {
    alert("oops!");
  });
});

或者，您可以使用 input 事件，因为它会转换修改输入元素内容的其他方法，例如使用鼠标粘贴。

jQuery($ => {
  $('#txt_detection').on('input', function() {
    console.log("oops!");
  });
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
detection:
<input type="text" placeholder="detect value" name="txt_detection" id="txt_detection">