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();
  • 页面加载时自动获取

禁止页面滚动

  • 利用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;

你可能感兴趣的:(JavaScript)