當前位置：
首頁 >
前端技术
> javascript
>内容正文
javascript
JS键盘监听事件
<!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){event = event || window.event;/** 可以通過keyCode來獲取按鍵的編碼* 通過它可以判斷哪個按鍵被按下* 除了keyCode，事件對象中還提供了幾個屬性* altKey* ctrlKey* shiftKey* - 這個三個用來判斷alt ctrl 和 shift是否被按下* 如果按下則返回true，否則返回false*///console.log(event.keyCode);//判斷一個y是否被按下//判斷y和ctrl是否同時被按下if(event.keyCode === 89 && event.ctrlKey){console.log("ctrl和y都被按下了");}};/*document.onkeyup = function(){console.log("按鍵松開了");};*///獲取inputvar input = document.getElementsByTagName("input")[0];input.onkeydown = function(event){event = event || window.event;//console.log(event.keyCode);//數字 48 - 57//使文本框中不能輸入數字if(event.keyCode >= 48 && event.keyCode <= 57){//在文本框中輸入內容，屬于onkeydown的默認行為//如果在onkeydown中取消了默認行為，則輸入的內容，不會出現在文本框中return false;}};};</script></head><body><input type="text" /></body>
</html>
總結
- 上一篇： 如何在电脑中看到自己电脑的配置：cpu，
- 下一篇： JS操作地址栏Location