onkeypress 事件会在键盘按键被按下并释放一个键时发生 为什么是错误的？
问题是 说法正确的是： 我选择了这个 结果却是错误？？
0
收起
正在回答 回答被采纳积分+1
4回答
Miss路
2018-09-07 18:06:02
可能同学的操作有点问题，我再详细跟你说一下哈：
1、同学先运行以下代码，在第一个输入框中按下键盘中的任意一个键，会看到马上就弹出了一个提示框。然后再在第二个输入框中输入按下任意键，同样别松手，弹出框是不会弹出来的，当你松手后才会弹出。这就是onkeypress 和onkeyup 的区别。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<input type="text" id="Oname" placeholder="onkeypress">
<input type="text" id="Otext" placeholder="onkeyup">
<script>
var Oname = document.getElementById("Oname");
var Otext = document.getElementById("Otext");
Oname.onkeypress = function() {
console.log("一按下我就触发了！");
}
Otext.onkeyup = function() {
console.log("你按下，然后松手之后我才能触发！");
}
</script>
</body>
<html>由于技术的更新和网站内容的迭代，可能每个网站都会多多少少出现一些失误，这都是正常的现象，网站知识的迭代更新都是需要一个周期的。当你发现各个网站的说法有差距的时候，一定要以自己的测试结果为最终定论，因为别人的说法和定论可能是许久之前的，也可能是猜测的，所以一定要以自己的真实测试结果作为最终定论。
2. 如果把以上代码中的onkeypress替换成onkeydown 结果是一样的，都是在按下键盘的时候就触发了，都不用松手就能马上触发，可以对比着onkeyup看一下效果。
有的时候不太能理解的时候，可以先把结果总结进行记录，根据实际的需求进行选择性的使用，等到后面，用的次数越来越多的时候，就会慢慢理解。
加油，你是一个特别爱思考的童鞋，很棒！
如果帮助到了你，欢迎采纳！
妮可妮可妮_
2018-09-07 16:34:54
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>onkeypress</title>
</head>
<body>
<input type="text" id="name">
<script>
var name = document.getElementById("name");
document.onkeypress = function () {
alert("输入的内容");
}
</script>
</body>
</html>同学可以复制代码进行测试哦~当键盘按下的时候就会触发,
祝学习愉快!
前端小白入门系列课程
- 参与学习 人
- 提交作业 11218 份
- 解答问题 36713 个
从一个不会编程的小白到一个老司机是需要过程的，首先得入门，学习基础知识，然后才能进阶，最后再到精通，本专题是你走进前端世界的不二选择！
了解课程
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星