jQuery keyup 功能不起作用？答案

【问题标题】：jQuery keyup function doesnt work?jQuery keyup 功能不起作用？
【发布时间】：2013-10-22 19:10:28
【问题描述】：

我的 HTML 文件：

<html>
<head>
  <script type="text/javascript" src="js/jquery-1.10.2.min.js"></script>
  <script type="text/javascript" src="js/scripts.js"></script>
  <link rel="stylesheet" type="text/css" href="style.css" />
  <title>
    Login
  </title>
</head>
<body>
<div class=loginForm>
  <p>Worker-ID:<input type=text id=workerID name=workerID /></p>
  <p>Password:<input type=password  id=workerPassword name=workerPassword /></p>
  <input type=submit id=submitLogin name=submitLogin value="Log in"/>
</div>
</body>
</html>

我的scripts.js：

$('#workerID').keyup(function() {
    alert('key up');
);

它根本不起作用。我尝试了所有空间，一个字母，数字。警报不显示。哪里错了？

【问题讨论】：

始终首先在浏览器的开发者控制台中查找错误消息

标签： javascript jquery html keyup

【解决方案1】：

除了您丢失的} 周围的拼写错误外，当您的script.js 文件运行时（在<head> 部分中），您的文档的其余部分不存在。解决此问题的最简单方法是将脚本包装在文档就绪处理程序中，例如

jQuery(function($) {
    $('#workerID').on('keyup', function() {
        alert('key up');
    });
});

或者，您可以将脚本移动到文档的底部，例如

        <script src="js/scripts.js"></script>
    </body>
</html>

或使用允许您将事件绑定到父元素（或文档）的事件委托，例如

$(document).on('keyup', '#workerID', function() {
    alert('key up');
});

【讨论】：

感谢它现在可以工作了 :) 我把它移到了最后，它可以工作了！！我应该总是把 javascripts 和 jquery 放在最后还是你有什么建议？
谢谢！ $(document).on('keyup', '#workerID', function() 对我有用，而其他一切都没有。

【解决方案2】：

您缺少用于关闭函数的大括号：

$('#workerID').keyup(function() {
    alert('key up');
});

此类错误通常出现在浏览器的 JavaScript 控制台中。

【讨论】：

【解决方案3】：

在 HTML 中

inser id, name,vale in " "

<div class="loginForm">
  <p>Worker-ID:<input type="text" id="workerID" name="workerID" /></p>
  <p>Password:<input type="password"  id="workerPassword" name="workerPassword" /></p>
  <input type="submit" id="submitLogin" name="submitLogin" value="Log in"/>
</div>

在js中

$('#workerID').keyup(function() {
       alert('key up');} // here you forget "}"
      );

demo

【讨论】：

【解决方案4】：

语法错误see here

$( document ).ready(function() {
   $( "#workerID" ).keyup(function() {
    .....................
   });
});

将); 更改为});

【讨论】：