javascript核心技术(二十四)事件类型(六)onkeydown onkeypress onkeyup

[复制链接] [提交至百度]
查看: 655|回复: 22
发表于 2023-1-24 19:49:31 | 显示全部楼层 | 阅读模式
onkeydown 是键盘按键按下时触发
onkeypress 时键盘按键按住时触发
onkeyup 是键盘按键弹起时触发

下面请看以下代码:
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
<input type="text"  value="" id="t">
<script type="text/javascript">
    var d = document.getElementById('t');//获取input标签
    //当键盘按下时触发
    d.onkeydown = function(){
        console.log('onkeydown');
    }
    //当键盘按下时触发
    d.onkeypress = function(){
        console.log('onkeypress');
    }
    //当键盘弹起时触发  键盘弹起,才能确定最终输入的是什么
    d.onkeyup = function(){
        console.log('onkeyup');
        console.log(d.value);
    }
</script>
</body>
</html>

javascript核心技术(二十四)事件类型(六)onkeydown onkeypress onkeyup
以上,我们给input标签绑定了onkeydown、onkeypress和onkeyup事件。
实验结果是:
当按下键盘按键时onkeydown事件会触发。
当一直按住键盘按键时,会连续触发onkeydown和onkeypress事件。
当松开键盘按键时onkeyup事件会触发。需要注意的是:只有当键盘按键弹起时才可以取得按键的内容。

javascript核心技术(二十四)事件类型(六)onkeydown onkeypress onkeyup

大家可自行测试一下,以加深印象。

易博软件介绍

0

主题

6

帖子

3

积分

营销入门

Rank: 2

积分
3
发表于 2023-2-16 18:02:20 | 显示全部楼层
我还是一名程序菜鸟,学习编程还不到一年,但是今天看了这篇文章感触真的很深!我现在的状态就是能运行,没有错误了就算胜利了!现在才发现自己在一条错误的路上前进!以前也曾意识到编程要仔细分析程序的效率,质量!但是作起来真的不是容易的!我现在真的很彷徨,我是不是真的适合编程工作!学习C语言已经快三个月了,一直想往深的方向学习!但是现在真的感到好难好难!真的不知道前边有没有出路!但从心里又不甘心放弃半年来的努力!真的是左右为难!在此恳请各位高手为我指点迷津!不胜感激!希望各位大侠不吝赐教!在此谢过了!

6

主题

229

帖子

123

积分

营销菜鸟

Rank: 3Rank: 3

积分
123
发表于 2023-3-2 02:01:20 | 显示全部楼层
收益匪浅  感触颇深  十分感谢你发的文章~~

0

主题

20

帖子

11

积分

营销入门

Rank: 2

积分
11
发表于 2023-3-11 21:26:30 | 显示全部楼层
感受很深不知同我这样的菜鸟何时才能展翅高飞哎。。。。。。。

0

主题

17

帖子

9

积分

营销入门

Rank: 2

积分
9
发表于 2023-3-22 00:01:27 | 显示全部楼层
很久没看到这么好的帖子了,对我帮助很大,多谢

0

主题

14

帖子

8

积分

营销入门

Rank: 2

积分
8
发表于 2023-3-27 14:57:35 | 显示全部楼层
眉毛能富贵花每年

0

主题

3

帖子

2

积分

营销入门

Rank: 2

积分
2
发表于 2023-4-2 13:13:43 | 显示全部楼层
我是新手,希望大家多多指教!谢谢!我爱VB!
发表于 2023-4-7 12:24:49 | 显示全部楼层
太精辟了,谢谢

0

主题

21

帖子

11

积分

营销入门

Rank: 2

积分
11
发表于 2023-4-12 19:22:38 | 显示全部楼层
看了此帖,让我更加的感到我自身的不足`~~  我要更加努力的学习~学习~~  学海是无涯的`~~~
发表于 2023-4-17 09:26:25 | 显示全部楼层
谢谢 向你致敬~~~!
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

1、请认真发帖,禁止回复纯表情,纯数字等无意义的内容!帖子内容不要太简单!
2、提倡文明上网,净化网络环境!抵制低俗不良违法有害信息。
3、如果你对主帖作者的帖子不屑一顾的话,请勿回帖。谢谢合作!
3、问答求助区发帖求助后,如有其他用户热心帮您解决问题后,请自觉点击设为最佳答案按钮。

 
 
QQ在线客服
QQ技术支持
工作时间:
8:00-18:00
软著登字:
1361266号
官方微信扫一扫
weixin

QQ|小黑屋|慈众营销 ( 粤ICP备15049986号 )|网站地图

自动发帖软件 | 自动发帖器 | 营销推广软件 | 网络营销工具 | 网络营销软件 | 网站推广工具 | 网络推广软件 | 网络推广工具 | 网页推广软件 | 信息发布软件 | 网站推广工具 | 网页推广软件

Powered by Discuz! X3.4   © 2012-2020 Comsenz Inc.  慈众科技 - Collect from 深圳吉宝泰佛文化有限公司 公司地址:罗湖区黄贝街道深南东路集浩大厦A1403

返回顶部 返回列表