首页
学习
活动
专区
圈层
工具
发布

使用JS监听键盘按下事件

事件说明 我们将键盘按下后事件的所有属性和方法打印出来(这里以按下1为例) document.onkeydown = function(event){ console.log(event)...; }  这里面有几个需要注意的属性 key:按下按键的名称 keyCode:按下按键的键码 altKey、ctrlKey、shiftKey:当组合按下(如ctrl+c)时,ctrlKey会变为...console.log("按下:"+event.key+"键:"+event.keyCode); } 按下任意按键后的效果: 二、监听回车按下事件 这里以回车键(键码为13)为例 ,如果需要监听不同的按键...") } } 三、监听组合键 这里以CTRL+A为例 altKey:按下Alt+*组合键时为true ctrlKey:按下Ctrl+*组合键时为true shiftKey:按下Shift+...114 F9 120 F4 115 F10 121 F5 116 F11 122 F6 117 F12 123 控制键键码值 按键 键码 按键 键码 BackSpace 8 Esc

13.3K10
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    移动端页面按手机屏幕分辨率自动缩放的js

    var phoneHeight = parseInt(window.screen.height); 4 var phoneScale = phoneWidth/750;//除以的值按手机的物理分辨率...iphone5/5s)、750(iphone6/6s),而谷歌等浏览器采用小手机模式浏览页面的时候,上面的值为逻辑分辨率,调试的时候很难把控页面样式,在手机端的样式也会因此大乱,在页面头部加入以上一段js...之后,在手机端就可以正常显示了, var phoneScale = phoneWidth/750; 除以的为设计图设计的页面宽度,750是按iphone6来设计(根据自己使用需求来修改),即让页面的 放大比率...(注意,有时候页面加了这段代码在调试的时候,切记刷新,刷新过后就会按手机缩放比例显示) 概念解析: phys.width:一般我们所指的宽度width即为phys.width,物理宽度(物理分辨率) device-width...假如设备真实DPI是480,宽度是1080,在WebKit会按160DPI,360宽度来排版。排版结束后在放大到1080宽。

    6.5K80

    sublime Text3使用笔记

    js以及jquery等插件安装 ctrl+shif+p掉出命令框,输入pci ,选择install package 过一会会弹出对话框 输入:Emmet,选择安装,可以自动提示html css代码。...输入theme-选择合适主题 输入js选择snippets 输入jquery选择jquery自动提示 Emmet使用 ctrl+n创建一个新文件,然后ctrl+shif+p掉出命令窗口,输入ssjs,即...SetSyntax:javascript.表示当前文本语法为js。...Alt+F3 选中文本按下快捷键,即可一次性选择全部的相同文本进行同时编辑。就是多行光标同时编辑。Esc退出。举个栗子:快速选中并更改所有相同的变量名、函数名等。...Esc 退出光标多行选择,退出搜索框,命令框等。 显示类 Ctrl+Tab 按文件浏览过的顺序,切换当前窗口的标签页。 Ctrl+PageDown 向左切换当前窗口的标签页。

    1.9K110

    Vim中如何全选复制粘贴、批量注释

    全部删除:按esc键后,先按gg(到达顶部),然后dG 全部复制:按esc键后,先按gg,然后ggyG 全选高亮显示:按esc键后,先按gg,然后ggvG或者ggVG 单行复制:按esc键后, 然后...yy 单行删除:按esc键后, 然后dd 粘贴:按esc键后, 然后p vim只能粘贴50行的问题: 在当前用户主目录()编辑/.vimrc(如果不存在,新建这个文件),添加一行 :set viminfo...即最大值为 500 批量注释 1,在命令行模式下,将光标固定在第一列,按Ctrl+V快捷键进入VB可视化模式: 上下移动光标,选择你想要注释的行: 选择好之后,按大写的I键进入insert模式,输入注释符...“#”: 最后按ESC键(两次),选择的多行已经注释掉啦 取消多行注释时同样重复Step1-Step2,但此时光标选中注释符,并选好行数之后。

    6.1K30

    19.多端项目上线部署(1)同步数据库

    1.系统、环境、软件工具: 1.系统: 1.本地开发端:Windows7旗舰版 2.腾讯云服务器端:Ubuntu18.04.1 LTS 64位 2.环境: 1.本地开发端:node.js、python3.6...2.腾讯云服务器端:node.js、python3.6 3.软件工具: 1.Xshell(免费版即可) 2.FileZilla 3.Navicat for MySQL 2.用Xshell连接服务器 1...bind-address = 127.0.0.1 #英文输入环境下,敲Esc键,输入:wq 保存退出 mysql -u root -p #输入密码(不显示),登录mysql GRANT ALL PRIVILEGES...修改服务器数据库配置文件,使之不允许远程连接 vim /etc/mysql/mysql.conf.d/mysqld.cnf # 英文输入环境下,敲 i 键,进入插入模式 #上下左右键移动光标,将注释掉的...bind-address = 127.0.0.1 恢复 #英文输入环境下,敲Esc键,输入:wq 保存退出 #重启mysql服务 /etc/init.d/mysql restart

    95920

    vim 注释快捷键_vim编辑器快捷键

    可是有些快捷键还是不知道,写Python的时候经常要调试,会批量注释掉一些代码,vim不像pycharm那样 Ctrl+/ 就可以了,反注释还是Ctrl+/ 。不过vim在这方面显得更强大更灵活点。...有两种方法可以实现: 第一种方法 批量插入字符快捷键: Ctrl+v进入VISUAL BLOCK(可视块)模式,按 j (向下选取列)或者 k (向上选取列),再按Shift + i 进入编辑模式然后输入你想要插入的字符...(任意字符),再按两次Esc就可以实现批量插入字符,不仅仅实现批量注释而已。...批量删除字符快捷键: Ctrl+v进入VISUAL BLOCK(可视块)模式,按 j (向下选取列)或者 k (向上选取列),直接(不用进入编辑模式)按 x 或者 d 就可以直接删去,再按Esc退出。

    89150

    真是万物皆可前端啊!前端也能截图啦~

    随着时间的发展,前端开发的范围越来越广,能够实现的功能也越来越多,要实现的功能也五花八门,今天就给大家介绍一个web截图库,让前端也能实现截图功能—— js-web-screen-shot js-web-screen-shot...安装使用 js版本 安装 npm install js-web-screen-shot 使用 import ScreenShot from "js-web-screen-shot"; const imgSrc...里有很高的自由度,可以通过配置参数来决定是否显示某个功能icon,并且监听回调函数 同时插件还监听了三个快捷键: Esc,按下键盘上的esc键时,等同于点了工具栏的关闭图标。...Enter,按下键盘上的enter键时,等同于点了截图工具栏的确认图标。 Ctrl/Command + z,按下这两个组合键时,等同于点了截图工具栏的撤销图标。...~ https://gitee.com/likai119/js-screen-sho~

    3.5K10

    vim的配置_vim全局配置

    "--> 4截掉文件尾的换行(\n) "--> 5删掉临时文件 "--> 临时文件放在当前目录而非/tmp。...> "自定义mapleader 前缀按键申明, 按 逗号 + w键 "可以写入并且保存(相当于底层命令行模式执行了 w!)..."# abbreviations 缩略语 iabbrev adn and "普通模式下,双引号包括当前单词 nnoremap " viwesc>a"esc>hbi"esc>lel..."插入模式下,jk退出插入模式,顺便提下 也是可以退出插入模式 inoremap jk esc> "强制干掉esc,让自己用j k退出插入模式 "inoremap esc> ...如果你想动态监测eslint报错,请在vimrc中把监测模式中的passive消极模式配置注释掉(有点耗性能)。 ack: 请执行如下命令保证你的命令行ack命令能够被vim ACK组件使用。

    3.4K60
    领券