Question

我意识到这是一个非常愚蠢的问题，但我似乎无法理解如何让jQuery监听器工作。我已将脚本添加到html标题

<script src="js/http_code.jquery.com_jquery-2.0.0.js"></script>
<script src="js/bootstrap.js"></script>
<script src="js/calc.js"></script>

我有输入字段

<input type="text" size="19" id="infield">

在.js文件中，我有以下

    $('#infield').keydown(function(){
        alert("Alert");
    });

但是当我在文本字段中写任何内容时，没有任何反应，有人可以告诉我我搞砸了哪里？

Answer 1

您需要将其封装在document.ready事件

中

$( document ).ready( function(){
    $('#infield').keydown(function(){
        alert("Alert");
    });
} );

Answer 2

你应该使用就绪状态（等待Jquery加载）然后我建议你使用$.on()方法，如果你最近修改DOM：

$(function () {
     $("body").on('change','#infield', function(){alert("Alert");});
});

Answer 3

相同的代码在这里工作。仔细检查你的jquery文件路径和其他东西。另外，请检查控制台是否有任何错误消息。

＆＃13;

    $('#infield').keydown(function(){
        alert("Alert");
    });

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" size="19" id="infield">

＆＃13;

Answer 4

您可以使用keypress jquery函数

$('#infield').keypress(function(){
  alert("Alert");
});