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 confirm选择判断
Oct 18 Javascript
jQuery UI 应用不同Theme的办法
Sep 12 Javascript
Jquery Change与bind事件代码
Sep 29 Javascript
这些年、我收集的JQuery代码小结
Aug 01 Javascript
js实现两个值相加alert出来精确到指定位
Sep 25 Javascript
JS生成一维码(条形码)功能示例
Jan 19 Javascript
Bootstrap实现各种进度条样式详解
Apr 13 Javascript
socket.io与pm2(cluster)集群搭配的解决方案
Jun 02 Javascript
小程序云开发初探(小结)
Oct 24 Javascript
基于node简单实现RSA加解密的方法步骤
Mar 21 Javascript
js实现浏览器打印功能的示例代码
Jul 15 Javascript
解决vue字符串换行问题(绝对管用)
Aug 06 Javascript
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
PHP中的cookie
2006/11/26 PHP
php下Memcached入门实例解析
2015/01/05 PHP
smarty模板判断数组为空的方法
2015/06/10 PHP
JS中字符问题(二进制/十进制/十六进制及ASCII码之间的转换)
2008/11/03 Javascript
一个简单的网站访问JS计数器 刷新1次加1次访问
2012/09/20 Javascript
JQuery入门——用one()方法绑定事件处理函数(仅触发一次)
2013/02/05 Javascript
用表格输出1-1000之间的数字实现代码(附特效)
2013/04/21 Javascript
javascript操作表格排序实例分析
2015/05/06 Javascript
jQuery点击头像上传并预览图片
2017/02/23 Javascript
angularjs点击图片放大实现上传图片预览
2017/02/24 Javascript
JS设计模式之状态模式概念与用法分析
2018/02/05 Javascript
探索JavaScript中私有成员的相关知识
2019/06/13 Javascript
uni-app实现点赞评论功能
2019/11/25 Javascript
基于JQuery实现页面定时弹出广告
2020/05/08 jQuery
一分钟学会JavaScript中的try-catch
2020/12/14 Javascript
[15:57]教你分分钟做大人:斧王
2014/10/30 DOTA
pygame游戏之旅 创建游戏窗口界面
2018/11/20 Python
python读取Kafka实例
2019/12/23 Python
浅谈python之自动化运维(Paramiko)
2020/01/31 Python
Python交互环境下打印和输入函数的实例内容
2020/02/16 Python
使用Python合成图片的实现代码(图片添加个性化文本,图片上叠加其他图片)
2020/04/30 Python
英国旅行箱包和行李箱购物网站:Travel Luggage & Cabin Bags
2019/08/26 全球购物
双立人美国官方商店:ZWILLING集团餐具和炊具
2020/05/07 全球购物
一套SQL笔试题
2016/08/14 面试题
用友笔试题目
2016/10/25 面试题
C#如何允许一个类被继承但是避免这个类的方法被重载?
2015/02/24 面试题
什么是Linux虚拟文件系统VFS
2012/01/31 面试题
人力资源部培训专员岗位职责
2014/01/02 职场文书
小学教学随笔感言
2014/02/26 职场文书
售后服务承诺书范文
2014/03/26 职场文书
《宿建德江》教学反思
2014/04/23 职场文书
领导班子个人查摆问题对照检查材料
2014/10/02 职场文书
2015公司年度工作总结
2015/05/14 职场文书
环保主题班会教案
2015/08/13 职场文书
《植物妈妈有办法》教学反思
2016/02/23 职场文书
TV动画《史上最强大魔王转生为村民A》番宣CM公布
2022/04/01 日漫