位置:首页 > JavaScript > JavaScript >

js键盘事件,判断按下的是哪个键

字号+ 作者:micloud 来源:www.seoalphas.com 2018-06-13 18:32 浏览量:2831

在写页面的时候,尤其是桌面端的时候,我们有时候要知道用户按下了那个按键,对于这个问题我们可以使用js提供的keyCode属性来操作,如:



document.onkeydown = function (e) {

    alert(e.keyCode)

}


这时你在页面上随意按键盘的按键,就会弹出一个弹窗,里面的数字对应你按下的按键的keyCode,这个keyCode是固定的,所以我们可以用它的值来判断,继而进行一些操作。


document.onkeydown = function (e) {
    if (e.keyCode == 13) {
        alert('你按下了确定键');
    }
    if (e.keyCode == 84) {
        alert('你按下了T键');
    }
}


判断键盘上下左右按键事件

document.onkeydown=function(event){
var e = event || window.event || arguments.callee.caller.arguments[0];
if(e && e.keyCode==38 || e && e.keyCode==37){//上,左
alert('38=上键,37=左键');
}
if(e && e.keyCode==40 || e && e.keyCode==39){//下,右
alert('38=下键,37=右键');
}
};


1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • js操作radio单选框改变事件 点击radio执行相应操作

    js操作radio单选框改变事件 点击radio执行相应操作

    浏览次数:15196

  • 关于layui富文本编辑器同步编辑器内容到textarea layedit.sync(index)

    关于layui富文本编辑器同步编辑器内容到textarea layedit.sync(index)

    浏览次数:12802

  • JavaScript中对url进行编码:urlencode编码

    JavaScript中对url进行编码:urlencode编码

    浏览次数:11412

  • js清除两个数组相同数据(js两个数组对比 去除相同项得到新数组)

    js清除两个数组相同数据(js两个数组对比 去除相同项得到新数组)

    浏览次数:6853

网友点评
评论区域