Question

我的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');
);

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

Answer 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');
});

Answer 2

你错过了花括号来关闭这个功能：

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

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

Answer 3

HTML中的

在" "

中插入ID，名称和值

<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

Answer 4

语法错误see here

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

将);更改为});

jQuery keyup函数不起作用？

4 个答案: