JQuery keyup/down 在 chrome 中不工作

Question

$('#user_text').keyup(function(){
 var user_text = $('#user_text').val();
 $('#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>
 <input type="text" id="user_text" value="hey"><br />
 <span id="user_text_feedback"></span>
 
</body>
</html>

我使用 google chrome 作为我的默认浏览器。我试图执行上面的代码，但我没有得到所需的 output.I 也尝试使用 keydown 而不是 keyup 我没有得到正确的输出

Answer 1

将$('#user_link')改为$('#user_text'):

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

Answer 2

在这里工作你应该使用 #user_text :

$('#user_text').keyup(function(){
 var user_text = $('#user_text').val();
 $('#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>
 <meta charset="utf-8">
 <title>jquery</title>
 <link rel="stylesheet" type="text/css" href="css/style.css">
</head>
<body>
 <input type="text" id="user_text" value="hey"><br />
 <span id="user_text_feedback"></span>
 <script type="text/javascript" src="js/jquery.js"></script>
 <script type="text/javascript" src="js/init.js"></script> 
</body>
</html>

JQuery keyup/down 在 chrome 中不工作

JQuery keyup/down isn't working in chrome

javascript

jquery

jquery-selectors