3-2编程练习
来源：3-3 编程练习
qq_鸭绿桥第一帅哥_0
2019-02-09 21:59:44
问题一：keypress和keydown的区别是什么？
问题二：本练习中使用$('input').keyup()和$(document).keyup()都能实现效果，使用哪种方法比较规范呢？
问题三：请问我的代码是否正确？
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>习题</title>
</head>
<body>
<input type="text" value="">
<p></p>
<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.js"></script>
<script>
//此处写代码
// $(document).keyup(function(){
// $('p').text($('input').val());
// })
$('input').keyup(function(){
$('p').text($('input').val());
})
</script>
</body>
</html>写回答
1回答
-
你好，
1、可以看下一下三个事件执行的过程：
结果：
三个事件执行的顺序为keydown---keypress---keyup，keypress 事件与 keydown 事件类似，当按钮被按下时，会发生该事件，但是会在keydown事件后面触发。
2、两种写法都是可以的，都是获取input框中内容然后进行填充，一般情况下是将事件绑定在触发事件的元素上的。
3、代码是正确的，没有问题。
祝学习愉快！
0
相似问题