js设置组合快捷键/tabindex功能的方法


Posted in Javascript onNovember 21, 2013

快捷键在日常的使用还是挺多的,例如熟悉的粘贴ctrl+v,复制 ctrl+c,使用快捷键能提高我们的做事效率,特别是当我们熟悉了一种操作后,再次使用它来进行操作就会变得很方便,很顺手,对于使用键盘的重度用户,键盘永远比鼠标来的快。

1)tabindex:

就是利用tab来轻松的控制页面中的链接和表单元素
它的用法很简单:obj.tabindex  = tabindex; 这个tabindex 的值,按照w3c 的规定可以从0开始 一直到32767

2) js 设置组合快捷键

本质就是获得你要设置的这个键的keyCode 的值,如果要加ctrl,alt,shift,那么就添加一个ctrlkey,altKey,shiftKey来判断下,所以关键在于keycode的值

(1) 设置 ctrl +enter 提交
if (e.ctrlKey && e.keyCode == 13){
return submit();
}

(2) 设置  Alt+ 方向键 ←
if (e.altKey&& e.keyCode == 37){
return submit();
}

(3) 设置  shift+F10
if (e.shiftKey&& e.keyCode == 37){
return submit();
}

4) 设置en
ter 提交
if (e.keyCode == 13){
return submit();
}

这里附加一些常见的快捷键:
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 = Caps_Lock
keycode   27 = Escape Escape
keycode   32 = space space
keycode   33 = Prior
keycode   34 = Next
keycode   35 = End
keycode   36 = Home
keycode   37 = Left
keycode   38 = Up
keycode   39 = Right
keycode   40 = Down
keycode   41 = Select
keycode   42 = Print
keycode   43 = Execute
keycode   45 = Insert
keycode   46 = Delete
keycode   47 = Help
注意:浏览器的兼容性问题

Javascript 相关文章推荐
javascript事件问题
Sep 05 Javascript
js弹出层(jQuery插件形式附带reLoad功能)
Apr 12 Javascript
js每隔5分钟执行一次ajax请求的实现方法
Nov 27 Javascript
js判断客户端是iOS还是Android等移动终端的方法
Dec 11 Javascript
js简单实现点击左右运动的方法
Apr 10 Javascript
javascript排序函数实现数字排序
Jun 26 Javascript
JS DOM实现鼠标滑动图片效果
Sep 17 Javascript
JS中数组重排序方法
Nov 11 Javascript
ionic开发中点击input时键盘自动弹出
Dec 23 Javascript
[js高手之路]HTML标签解释成DOM节点的实现方法
Aug 31 Javascript
vue实现购物车加减
May 30 Javascript
详解Vue项目的打包方式(生成dist文件)
Jan 18 Vue.js
jtable列中自定义button示例代码
Nov 21 #Javascript
动态标签 悬停效果 延迟加载示例代码
Nov 21 #Javascript
JS两种定义方式的区别、内部原理
Nov 21 #Javascript
jQuery操作input值的各种方法总结
Nov 21 #Javascript
jqgrid 表格数据导出实例
Nov 21 #Javascript
js 实现菜单左右滚动显示示例介绍
Nov 21 #Javascript
Extjs4实现两个GridPanel之间数据拖拽功能具体方法
Nov 21 #Javascript
You might like
地摊中国 - 珍藏老照片
2020/08/18 杂记
php简单静态页生成过程
2008/03/27 PHP
php设计模式 Facade(外观模式)
2011/06/26 PHP
解析php中eclipse 用空格替换 tab键
2013/06/24 PHP
深入浅析安装PhpStorm并激活的步骤详解
2020/09/17 PHP
Nigma vs Liquid BO3 第一场2.14
2021/03/10 DOTA
js和jquery批量绑定事件传参数一(新猪猪原创)
2010/06/23 Javascript
Jquery 实现grid绑定模板
2015/01/28 Javascript
JavaScript中实现单体模式分享
2015/01/29 Javascript
JS实现定时自动关闭DIV层提示框的方法
2015/05/11 Javascript
jQuery使用drag效果实现自由拖拽div
2015/06/11 Javascript
谈谈对offsetleft兼容性的理解
2015/11/11 Javascript
Vue实现简易翻页效果源码分享
2018/11/08 Javascript
vue基于两个计算属性实现选中和全选功能示例
2019/02/08 Javascript
[原创]微信小程序获取网络类型的方法示例
2019/03/01 Javascript
layui table 获取分页 limit的方法
2019/09/20 Javascript
IntelliJ IDEA编辑器配置vue高亮显示
2019/09/26 Javascript
[03:22]DAC最前线(第二期)—DOTA2亚洲邀请赛主赛场周边及线路探访
2015/01/24 DOTA
python实现RabbitMQ的消息队列的示例代码
2018/11/08 Python
python列表使用实现名字管理系统
2019/01/30 Python
Python秒算24点实现及原理详解
2019/07/29 Python
python判断单向链表是否包括环,若包含则计算环入口的节点实例分析
2019/10/23 Python
Python基于pygame实现单机版五子棋对战
2019/12/26 Python
python利用Excel读取和存储测试数据完成接口自动化教程
2020/04/30 Python
python实现一次性封装多条sql语句(begin end)
2020/06/06 Python
浅谈cv2.imread()和keras.preprocessing中的image.load_img()区别
2020/06/12 Python
Python工程师必考的6个经典面试题
2020/06/28 Python
利用Python实现最小二乘法与梯度下降算法
2021/02/21 Python
HTML5 Convas APIs方法详解
2015/04/24 HTML / CSS
世界上最大的折扣香水店:FragranceNet.com
2016/10/26 全球购物
租房协议书样本
2014/08/20 职场文书
2015年党员个人自我评价
2015/03/03 职场文书
中学生运动会广播稿
2015/08/19 职场文书
医德医风学习心得体会
2016/01/25 职场文书
pytorch加载预训练模型与自己模型不匹配的解决方案
2021/05/13 Python
PYTHON 使用 Pandas 删除某列指定值所在的行
2022/04/28 Python