老师,请问我的代码是否正确

来源:3-3 编程练习

weibo_执著的弧线_0

2019-08-20 08:15:25

<!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>
//此处写代码
$('input').keypress(function () {
$('p').text($(this).val());
});
</script>
</body>

</html>


写回答

1回答

好帮手慕码

2019-08-20

同学你好!

如果用keypress事件的话第一次输入p是空的。原因:keypress为鼠标按下事件,当输入第一个字时,按下键盘,但是这时文本框中还没有文字,所以数字不更新,当第二次按下的时候,进行计算,这时文本框中正好有第一次输入的数字。最后导致显示的总比输入的少一个http://img.mukewang.com/climg/5d5b703c0001392b02430068.jpg

应该是用keyup事件,

http://img.mukewang.com/climg/5d5b700700011d2203890110.jpg

http://img.mukewang.com/climg/5d5b70c900019c2002320088.jpg

如果帮助到了你,欢迎采纳,祝学习愉快~

0

0 学习 · 14456 问题

查看课程