这样写为什么不行呢?
来源:3-3 编程练习
慕用5589845
2019-03-13 11:28:29
<!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>
var a=$("input");
a.keydown(function(){
$("p").text(a)
})
</script>
</body>
</html>
1回答
同学你好,代码中有两个问题:
1、想把在input中输入的内容显示在p标签中,需要通过.val()方法获取input中的值。
2、事件更改为keyup,因为keydown事件触发的时候,最开始获取的是还没有输入内容的input,所以虽然在input里面写了一个值,但是它获取出来的内容还是空的,输入的内容跟在页面中显示的内容总是少一个。而onkeyup,触发了这个事件之后,它获取的内容就是在input里面输入的内容,所以建议跟改为keyup。
参考下图:
自己试一试哦,如果帮助到了你,欢迎采纳。
祝学习愉快!
相似问题