JavaScript 應用記錄

onkeydown事件入門實例

數字值	實際鍵值
48到57	0到9
65到90	a到z（A到Z）
112到135	F1到F24
8	BackSpace（退格）
9	Tab
13	Enter（回車）
20	Caps_Lock（大寫鎖定）
32	Space（空格鍵）
37	Left（左箭頭）
38	Up（上箭頭）
39	Right（右箭頭）
40	Down（下箭頭）

- 判斷鍵盤動作

  if (//(event.keyCode == 8) || //屏蔽退格刪除鍵
        (event.keyCode == 116) || //屏蔽 F5 刷新鍵
        (event.ctrlKey && event.keyCode == 82)) { //Ctrl + R
        event.keyCode = 0;
        event.returnValue = false;
    }

讓元素獲取焦點

• js 操作
  document.getElementById("inputId").focus();
• 頁面加載時自動獲取
  <button type="button" autofocus="autofocus">點擊這裏</button>

禁止頁面滾動

• 利用CSS屬性
  document.documentElement.style.overflow='hidden';
document.body.style.overflow='hidden';//手機版設置這個。

• 按鍵攔截

var move=function(e){
    e.preventDefault && e.preventDefault();
    e.returnValue=false;
    e.stopPropagation && e.stopPropagation();
    return false;
}
var keyFunc=function(e){
    if(37<=e.keyCode && e.keyCode<=40){
    return move(e);
    }
}
document.body.onkeydown=keyFunc;