JavaScript常用的键盘事件

最新推荐文章于 2024-01-06 00:20:24 发布

我是Dreamer啊

最新推荐文章于 2024-01-06 00:20:24 发布

阅读量220

点赞数 3

分类专栏：前端开发文章标签： js javascript dom

BY Dreamer同学

本文链接：https://blog.csdn.net/weixin_42579348/article/details/110246026

版权

前端开发专栏收录该内容

57 篇文章 6 订阅

订阅专栏

JavaScript常用的键盘事件

键盘事件	触发条件
onkeyup	某个键盘按键被松开时触发
onkeydown	某个键盘按键被按下时触发
onkeypress	某个键盘按键被按下时触发（不识别功能键）

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>常见的键盘事件</title>
</head>
<body>
    
    <script>
         document.addEventListener('keyup',function(){
            console.log('按下时触发');
        })

        document.addEventListener('keydown',function(){
            console.log('弹起时触发');
        })

        document.addEventListener('keypress',function(){
            console.log('按下了press');
        })

        //按下再弹起时执行顺序   keydown    keypress   keyup   


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

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

我是Dreamer啊

关注关注

3
点赞
踩
1

收藏

觉得还不错? 一键收藏
1
评论
JavaScript常用的键盘事件

JavaScript常用的键盘事件键盘事件触发条件onkeyup某个键盘按键被松开时触发onkeydown某个键盘按键被按下时触发onkeypress某个键盘按键被按下时触发（不识别功能键）<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=
复制链接

扫一扫