请教老师个问题！
来源：3-3 编程练习
Ev4ngel
2019-04-07 23:48:12
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>jQuery键盘事件获取input中的值返回到页面上</title>
</head>
<body>
<input type="text" value="">
<p></p>
<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.js"></script>
<script>
//此处写代码
$("input").keyup(
function(){
$("p").text($(this).val());
}
)
</script>
</body>
</html>
图片是我在绑定keydown时，输入两个字符只显示了一个。而绑定为keyup之后，就可以显示正确是为什么？
写回答
1回答
-
你好，keydown是键盘按下的过程，键盘抬起的过程中字符才会显示。
第一次键盘按下的时候输入框中没有内容，所以p标签中也没有内容显示，第二次按下的时候，显示出来的是第一次输入的内容，不是第二次输入的，所以只有一个字符。
如果使用keyup，也就是在字符出现在输入框之后，然后再获取里面的内容显示出来，所以是可以正常显示的。
代码实现效果没有问题。
祝学习愉快！
0h019-04-08
相似问题