JQuery KeyUp никогда не срабатывает

Простой код:

<html>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">

    <script type="text/javascript" src="http://code.jquery.com/jquery-    
     latest.min.js"></script>
    <script type="text/javascript">
        $("#target").keyup(function() {
            alert("Handler for .keyup() called.");
        });
    </script>
</head>

<body>
    <form>
        <input id="target" type="text">
    </form>
</body>

</html>

Я могу ввести в поле ввода, но предупреждение не отображается. Я также пробовал это в Chrome и Mozilla.

1 ответ

Решение

Вам нужно запустить функцию keyup после окончания загрузки документа

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<html>

<head>
  <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">

  <script type="text/javascript" src="http://code.jquery.com/jquery-    
 latest.min.js"></script>
  <script type="text/javascript">
    $(document).ready(function() {
      $("#target").keyup(function() {
        alert("Handler for .keyup() called.");
      });
    });
  </script>
</head>

<body>
  <form>
    <input id="target" type="text">
  </form>
</body>

</html>

Другие вопросы по тегам