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;