2015-04-19 3 views
-3

Простой код: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

Wrap код JQuery в Документе готов '$ (функция() {..});' –

+0

Ou шт. Я так и думал, но я не видел ошибок в отладчике вроде («Нет элемента с таким ID найденным»), но ничего не было, поэтому я его бросил ... –

ответ

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>

Смежные вопросы