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=右键');
}
};

时间: 2024-10-02 19:28:56

js键盘事件,判断按下的是哪个键的相关文章

浅谈js键盘事件全面控制_javascript技巧

主要分四个部分 第一部分:浏览器的按键事件 第二部分:兼容浏览器 第三部分:代码实现和优化 第四部分:总结 第一部分:浏览器的按键事件 用js实现键盘记录,要关注浏览器的三种按键事件类型,即keydown,keypress和keyup,它们分别对应onkeydown. onkeypress和onkeyup这三个事件句柄.一个典型的按键会产生所有这三种事件,依次是keydown,keypress,然后是按键释放时候的keyup. 在这3种事件类型中,keydown和keyup比较底层,而keypr

js键盘事件的keyCode_javascript技巧

document.onkeyup = function(event){ var event = event || window.event; alert(event.keyCode); } 以上是小编为您精心准备的的内容,在的博客.问答.公众号.人物.课程等栏目也有的相关内容,欢迎继续使用右上角搜索按钮进行搜索keycode 键盘事件 js键盘事件 keycode.键盘事件 keycode.javascript 键盘事件.javascript的键盘事件.javascript keycode,以便

js键盘事件代码

方便客户端键盘事件处理,特从网上搜集如下,方便自己和大家以后查阅. event.keycode大全(javascript) keycode 8 = BackSpace BackSpace keycode 9 = Tab Tab keycode 12 = Clear keycode 13 = Enter keycode 16 = Shift_L keycode 17 = Control_L keycode 18 = Alt_L keycode 19 = Pause keycode 20 = Cap

总结Selenium WebDriver中一些鼠标和键盘事件的使用

在使用 Selenium WebDriver 做自动化测试的时候,会经常模拟鼠标和键盘的一些行为.比如使用鼠标单击.双击.右击.拖拽等动作:或者键盘输入.快捷键使用.组合键使用等模拟键盘的操作.在 WebDeriver 中,有一个专门的类来负责实现这些测试场景,那就是 Actions 类,在使用该类的过程中会配合使用到 Keys 枚举以及 Mouse. Keyboard.CompositeAction 等类. 其次,在实际测试过程中,可能会遇到某些按键没办法使用 Actions.Keys 等类来

js-JS键盘事件监听之禁用键盘按键

问题描述 JS键盘事件监听之禁用键盘按键 我的页面内有一个输入框,我想要实现的功能是:按下字符键时正常输入字符,但是按下键盘上的上下方向键时什么也不做,但是现在我按下上方向键时光标总会跳到内容的最前面,按下下方向键时光标会跳到内容的最后面,请问怎么禁用这两个键盘的功能啊? 解决方案 chrome会这样,汗,按上下键返回false就行 <input type=""text"" onkeydown=""if(event.keyCode==38|

Cocos2d-JS键盘事件

Cocos2d-JS中的键盘事件与触摸事件不同,它没有空间方面信息.键盘事件不仅可以响应键盘,还可以响应设备的菜单.键盘事件是EventKeyboard,对应的键盘事件监听器(cc.EventListener.KEYBOARD),键盘事件响应属性:onKeyPressed.当键按下时回调该属性所指定函数.onKeyReleased.当键抬起时回调该属性所指定函数.使用键盘事件处理的代码片段如下: onEnter: function () { this._super(); cc.log("Hell

js获取及判断键盘按键的方法_javascript技巧

本文实例讲述了js获取及判断键盘按键的方法.分享给大家供大家参考,具体如下: js 里面的键盘事件经常用到,所以收集了键盘事件对应的键码来分享下: keyCode 8 = BackSpace BackSpace keyCode 9 = Tab Tab keyCode 12 = Clear keyCode 13 = Enter keyCode 16 = Shift_L keyCode 17 = Control_L keyCode 18 = Alt_L keyCode 19 = Pause keyC

js中获取键盘事件的简单实现方法_javascript技巧

<script type="text/javascript" language=JavaScript charset="UTF-8"> document.onkeydown=function(event){ var e = event || window.event || arguments.callee.caller.arguments[0]; if(e && e.keyCode==27){ // 按 Esc //要做的事情 } if(

js中键盘事件实例简析_javascript技巧

本文实例分析了js中键盘事件.分享给大家供大家参考.具体分析如下: 该实例效果: 按键盘上的任意一个键,弹出相应的ASCII码,兼容ie,chrome和firefox. 但还是有不少问题: (1)ie和chrome中,一些键没有效果,如上.下.左.右等: (2)而firefox中的向右键,与单引号键,都为39. 具体代码如下: 复制代码 代码如下: <html> <head> <script type="text/javascript">  wind