2016-04-12 1 views
0

JQuery KeyUp/вниз не работает в хроме

$('#user_text').keyup(function(){ 
 
\t var user_text = $('#user_text').val(); 
 
\t $('#user_text_feedback').html(user_text); 
 
});
<!DOCTYPE html> 
 
<html lang="en"> 
 
<head> 
 
    <meta charset="utf-8"> 
 
    <title>jquery</title> 
 
    <link rel="stylesheet" type="text/css" href="css/style.css"> 
 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
</head> 
 
<body> 
 
\t <input type="text" id="user_text" value="hey"><br /> 
 
\t <span id="user_text_feedback"></span> 
 
\t 
 
</body> 
 
</html>

Я использую Google Chrome браузером по умолчанию. Я попытался выполнить приведенный выше код, но я не получаю необходимый output.I также попытался использовать KeyDown вместо KeyUp я не получал соответствующие выходную

+2

где «пользователь _ссылка"?? вы должны использовать «user_text» –

+0

oh..my bad ..thanx bud :) –

+0

спасибо .. комментарий upvote, если вы можете :) –

ответ

1

Изменения $('#user_link') к $('#user_text'):

$('#user_text').keyup(function(){ 
    var user_text = $('#user_text').val(); 
    $('#user_text_feedback').html(user_text); 
}); 
0

Рабочих здесь вы должны использовать #user_text:

$('#user_text').keyup(function(){ 
 
\t var user_text = $('#user_text').val(); 
 
\t $('#user_text_feedback').html(user_text); 
 
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<!DOCTYPE html> 
 
<html lang="en"> 
 
<head> 
 
\t <meta charset="utf-8"> 
 
\t <title>jquery</title> 
 
\t <link rel="stylesheet" type="text/css" href="css/style.css"> 
 
</head> 
 
<body> 
 
\t <input type="text" id="user_text" value="hey"><br /> 
 
\t <span id="user_text_feedback"></span> 
 
\t <script type="text/javascript" src="js/jquery.js"></script> 
 
\t <script type="text/javascript" src="js/init.js"></script> \t 
 
</body> 
 
</html>