JavaScript笔记45_键盘事件

最新推荐文章于 2024-01-20 21:38:01 发布

qqq777_

最新推荐文章于 2024-01-20 21:38:01 发布

阅读量67

点赞数

分类专栏：前端html笔记文章标签： javascript

本文链接：https://blog.csdn.net/qqq777_/article/details/114586734

版权

前端html笔记专栏收录该内容

59 篇文章 1 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
    </style>
    <script>
       window.onload=function(){    
           //键盘事件：onkeydown按键被按下；onkeyup按键被松开 
           //键盘事件一般都会绑定给一些可以获取到焦点的对象或者是document    
           //如果一直按着某按键不松手，则事件会一直触发
           //当onkeydown连续触发时，第一次和第二次之间会间隔稍微长一点，其他的会非常快
           document.onkeydown=function(event){
               //通过keycode获得按键的编码，判断哪个键被按下
               //事件对象中还提供了几个属性：altkey，ctrlkey，shiftkey
               //这三个用来判断alt，ctrl，shift是否被按下，按下则返回true否则false
               //判断y和ctrl是否同时被按下
               if(event.keyCode===89&&event.ctrlKey){
                  console.log("都被按下")
                }
               //console.log(event.keyCode)
            };  
        //    document.οnkeyup=function(){
        //        console.log("按键松开")
        //    };
        //--------------------------分界线---------------------
        //获取input
            var input=document.getElementsByTagName("input")[0];
            input.onkeydown=function(event){
                //使文本不能输入数字(48~57)
                if(event.keyCode<58&&event.keyCode>47){
                    return false;
                }

                //console.log("按下了")
                //在文本框中输入内容，属于onkeydown的默认行为
                //如果在onkeydown中取消了默认行为，则输入内容不会出现在文本框中
                //return false;
            };
       };
    </script>
</head>
<body>
    <input type="text">
</body>
</html>

qqq777_

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript笔记45_键盘事件

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> </style> &lt
复制链接

扫一扫

专栏目录