js常用键盘事件以及执行顺序

最新推荐文章于 2023-10-01 07:43:34 发布

黄大仙No.1

最新推荐文章于 2023-10-01 07:43:34 发布

阅读量577

点赞数

分类专栏： javascript

本文链接：https://blog.csdn.net/qq_44378358/article/details/107862194

版权

javascript 专栏收录该内容

104 篇文章 9 订阅

订阅专栏

e.keyCode返回按下键的ascii值
keydown->keypress->keyup

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<script>
    //执行顺序keydown->keypress->keyup
    //keyup键盘弹起时触发
    document.addEventListener('keyup',function (e) {
        console.log('keyup');
        console.log(e.keyCode);     //keyup和keydown ascii得到的值不区分大小写
    })
    //keydown按下时触发
    document.addEventListener('keydown',function () {
        console.log('keydown按下了');
    })
    //keypress按下触发 不识别功能键ctrl,fn等
    document.addEventListener('keypress',function (e) {
        console.log('keypress按下了');
        console.log(e.keyCode);     //区分大小写
        if(e.keyCode)
    })


</script>
</body>
</html>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

黄大仙No.1

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js常用键盘事件以及执行顺序

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><script> //执行顺序keydown->keypress->keyup //keyup键盘弹起时触发 document.addEventListe
复制链接

扫一扫