jQuery keyup 函数不起作用

jQuery keyup function doesnt work?

本文关键字：不起作用 函数 keyup jQuery      更新时间：2023-09-26

我的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>

我的脚本.js：

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

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

除了丢失}周围的拼写错误外，当您的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');
});

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

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

像这样的错误通常会在浏览器的 JavaScript 控制台中看到。

in HTML

INSER 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 "}"
      );

演示

语法错误，请参见此处

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

将);更改为});

相关文章：