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

字号+ 作者:alpha 来源:www.seoalphas.com 2018-06-13 18:32 浏览次数(224)

js键盘事件,判断按下的是哪个键,经过判断给出一定的回馈

在写页面的时候,尤其是桌面端的时候,我们有时候要知道用户按下了那个按键,对于这个问题我们可以使用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=右键');
}
};


标签
js键盘事件

本站部分技术文章为参考网上实用内容发布,目的是记录踩坑经验,若未备注来源而侵犯了您原创文章权益,请联系博主删除;对文章有不同看法的朋友欢迎在评论区留言互动

相关文章
  • HTML JS 弹层后底部页面禁止滚动处理

    HTML JS 弹层后底部页面禁止滚动处理

    浏览次数:897

  • 手机web页面调用打开QQ聊天功能

    手机web页面调用打开QQ聊天功能

    浏览次数:886

  • form表单提交,前端验证

    form表单提交,前端验证

    浏览次数:675

  • js刷新页面方法大全

    js刷新页面方法大全

    浏览次数:583

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

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

    浏览次数:580

  • JavaScript操作JSON操作文档

    JavaScript操作JSON操作文档

    浏览次数:521

  • 小程序开发中 var that = this的用法

    小程序开发中 var that = this的用法

    浏览次数:388

  • js中不存在exit函数,程序的运行中断停止,可使用return

    js中不存在exit函数,程序的运行中断停止,可使用return

    浏览次数:367

网友点评
功能开发中......其实是博主懒了而已......
0.890625s