鍵盤事件 - 天天看點

這個來講一下鍵盤事件，按鍵事件

* 鍵盤事件：

* onkeydown --按鍵被按下

* 對于onkeydown來說如果一直按着某個按鍵不松手，則事件會一直觸發

* 當onkeydown連續觸發時，第一次和第二次之間會間隔稍微長一點，其他都比較快

* onkeyup -- 按鍵被松開

* 鍵盤事件一般都會綁定給一些可以擷取焦點的對象或者document

話不多說，代碼上

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <script type="text/javascript">
            window.onload = function(){
                /*
                 * 鍵盤事件：
                 * onkeydown  --按鍵被按下
                 * 對于onkeydown來說如果一直按着某個按鍵不松手，則事件會一直觸發
                 * 當onkeydown連續觸發時，第一次和第二次之間會間隔稍微長一點，其他都比較快
                 * 
                 * onkeyup  -- 按鍵被松開
                 * 
                 * 鍵盤事件一般都會綁定給一些可以擷取焦點的對象或者document
                 */
                document.onkeydown = function(event){
                    /*
                     * 可以通過keycode擷取按鍵的編碼,可以知道哪個按鍵被按下了。
                     * 除了keycode，事件對象還提供了幾個屬性，
                     * altkey，ctrlkey，shiftkey
                     * 這三個來判斷alt，ctrl和shift鍵是否被按下。
                     */
                    event = event || window.event;
                    var code = event.keyCode
                    
                    //判斷y是否被按下
                    if (code === 89 || event.shiftKey){
                        console.log(code)
                    }
                }
                //接下來給input設定
                input1 = document.getElementsByTagName("input")[0]
                input1.onkeydown = function(event){
                    event = event || window.event;
                    console.log(event.keyCode)
                    //禁止文本框輸入數字
//                    if (event.keyCode>=48 && event.keyCode <=57) {
//                        return false
//                        
//                    }

                    return false;
            };
            }
        </script>
    </head>
    <body>
        <input type="text"/>
    </body>
</html>