JavaScript 键盘事件

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <script type="text/javascript">
            window.onload=function(){
                /*键盘事件
                 * onkeydown 按键按下,一直按会连续触发
                 * onkeyup
                 * -键盘事件一般都会绑定给可以获取到焦点的对象或者是document
                 */
                //1.
                document.onkeydown=function(event){
                    //keyCode来获取按键的编码,来判断那个键是否按下
                    //还有altKey shiftKry altKey等 来判断是否按下
//                    console.log("按键按下");
                    if(event.keyCode==89){
                        console.log("y键按下了");
                    }
                    if(event.altKey && event.keyCode==89){
                        console.log("alt+y键同时按下了");
                    }
                }
//                document.onkeyup=function(){
//                    console.log("按键松开");
//                }
                
                //2.
                var input=document.getElementsByTagName("input")[0];
                input.onkeydown=function(){
                    //console.log("input中按下");
                    //可以来限制input中不能输入数字
                    if(event.keyCode>=48 && event.keyCode<=57){//数字1-9对应48-57
                        //取消input的默认行为,使输入东西不显示
                        return false;
                    }
            }
            }
            
            
        </script>
    </head>
    <body>
        <form action="" method="post">
            
            <input type="" value=""/>
        </form>
    </body>
</html>

 

posted @ 2019-08-04 15:04  WideWang  阅读(711)  评论(0编辑  收藏  举报