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 相关文章推荐
jQuery学习笔记之Helloworld
Dec 22 Javascript
如何使用HTML5地理位置定位功能
Apr 27 Javascript
浅谈JavaScript字符串拼接
Jun 25 Javascript
JS验证邮件地址格式方法小结
Dec 01 Javascript
探讨JavaScript标签位置的存放与功能有无关系
Jan 15 Javascript
jQuery限制图片大小的方法
May 25 Javascript
javascript简单实现跟随滚动条漂浮的返回顶部按钮效果
Aug 19 Javascript
jQuery实现的导航下拉菜单效果示例
Sep 05 Javascript
详解基于node的前端项目编译时内存溢出问题
Aug 01 Javascript
在nginx上部署vue项目(history模式)的方法
Dec 28 Javascript
Angular单元测试之事件触发的实现
Jan 20 Javascript
JavaScript实现雪花飘落效果
Dec 27 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文本数据库的搜索方法
2006/10/09 PHP
PHP面向接口编程 耦合设计模式 简单范例
2011/03/23 PHP
php数组中删除元素之重新索引的方法
2014/09/16 PHP
php返回json数据函数实例
2014/10/09 PHP
jQuery autocomplete插件修改
2009/04/17 Javascript
combox改进版 页面原型参考dojo的,比网上jQuery的那些combox功能强,代码更小
2010/04/15 Javascript
一个收集图片的bookmarlet(js 刷新页面中的图片)
2010/05/27 Javascript
JavaScript 反科里化 this [译]
2012/09/20 Javascript
深入理解JavaScript系列(41):设计模式之模板方法详解
2015/03/04 Javascript
jQuery实现可关闭固定于底(顶)部的工具条菜单效果
2015/11/06 Javascript
小白谈谈对JS原型链的理解
2016/05/03 Javascript
Javascript基础_简单比较undefined和null 值
2016/06/14 Javascript
JS图片放大效果简单实现代码
2016/09/08 Javascript
原生js实现网页顶部自动下拉/收缩广告效果
2017/01/20 Javascript
javascript中replace使用方法总结
2017/03/01 Javascript
javascript实现的图片预览功能
2017/03/25 Javascript
Vue实现百度下拉提示搜索功能
2017/06/21 Javascript
JavaScript中的FileReader图片预览上传功能实现代码
2017/07/24 Javascript
微信小程序中吸底按钮适配iPhone X方案
2017/11/29 Javascript
webpack dll打包重复问题优化的解决
2018/10/10 Javascript
javascript实现抢购倒计时程序
2019/08/26 Javascript
[26:40]DOTA2上海特级锦标赛A组资格赛#1 Secret VS MVP.Phx第一局
2016/02/25 DOTA
python的正则表达式re模块的常用方法
2013/03/09 Python
Python中一些自然语言工具的使用的入门教程
2015/04/13 Python
在Python中使用HTML模版的教程
2015/04/29 Python
用tensorflow实现弹性网络回归算法
2018/01/09 Python
python版学生管理系统
2018/01/10 Python
Python实现的视频播放器功能完整示例
2018/02/01 Python
Mac下Anaconda的安装和使用教程
2018/11/29 Python
使用IPython或Spyder将省略号表示的内容完整输出
2020/04/20 Python
Python JSON常用编解码方法代码实例
2020/09/05 Python
css3绘制天猫logo实现代码
2012/11/06 HTML / CSS
土地转让协议书
2014/09/27 职场文书
施工单位工程部经理岗位职责
2015/04/09 职场文书
2016幼儿园新学期寄语
2015/12/03 职场文书
详解Apache SkyWalking 告警配置指南
2021/04/22 Servers