Javascript 基本jQuery侦听器

Javascript 基本jQuery侦听器,javascript,jquery,Javascript,Jquery,我意识到这是一个非常愚蠢的问题,但我似乎不明白如何让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> 但是,当我在文本字段中写入任何内容时

我意识到这是一个非常愚蠢的问题,但我似乎不明白如何让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>

但是,当我在文本字段中写入任何内容时,都不会发生任何事情,有人能告诉我哪里出错了吗?

您应该使用就绪状态(等待Jquery加载),然后我建议您使用
$。如果您最近要修改DOM,请使用()

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

您需要将其包含在事件中


同样的代码在这里工作。仔细检查jquery文件路径和其他内容。另外,检查控制台是否有任何错误消息

$(“#内场”).keydown(函数(){
警报(“警报”);
});

您可以使用
按键
jquery功能

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

fiddle:

输入字段是在脚本标记之前还是之后?@DanielA.White after,很抱歉我忘了提到脚本标记在标题中这里有很多示例-dom必须准备好。使用
on
键下
在这种情况下没有什么区别您是对的@nem,这就是为什么我说“使用就绪状态”,即document.ready事件。您认为使用$.on()比使用$.click或$..更合适吗?是的,但是您也不希望使用
on
方法,这是不必要的:)。看看@gurvinder372回答,我想你误解了我。在上使用
,实际上并没有带来任何好处,并且会分散对实际问题的注意力,即在DOM准备就绪之前运行代码。不管他使用什么方法来处理事件,除非他在DOM准备就绪时这样做,否则它都不会起作用。是的,谢谢,这很有帮助。那么,这是否意味着js代码试图将侦听器应用于不存在的元素,因为脚本是在头中声明的?@seMikel是的,准确地说。在向dom分配事件之前,您需要确保dom已成功加载。这是有效的,因为在dom准备就绪后,代码段会调用代码,但其代码本身仍然无法工作。
$(function () {
     $("body").on('change','#infield', function(){alert("Alert");});
});
$( document ).ready( function(){
    $('#infield').keydown(function(){
        alert("Alert");
    });
} );
$('#infield').keypress(function(){
  alert("Alert");
});