jQuery .on（）'keyup'函数不起作用

Question

我正在尝试按下键盘时发出事件。

不知道为什么这不起作用。有什么帮助吗？

$('input').on('keyup', '.aa', function() {
  alert('hello');
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type="text" class="aa">

Answer 1

您错过了在 class 之前加点的前缀。

还使用静态容器代替输入。尝试$('body').on('keyup', '.aa', function(){

$('body').on('keyup', '.aa', function(){
    alert('hello');
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type="text" class="aa">

Answer 2

您尝试过吗：

HTML：

<input type="text" class="aa">

jQuery：

$('.aa').keyup(function() {
  alert('hello');
});

上面的keyup事件只是.on( "keyup", handler )的快捷方式

Answer 3

另一种方法是将确定的类放在选择器中

$('input.aa').on('keyup', function(){
    alert('hello');
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type="text" class="aa">