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 输入框数字限制插件
Nov 10 Javascript
jquery点击页面任何区域实现鼠标焦点十字效果
Jun 21 Javascript
node.js中使用socket.io制作命名空间
Dec 15 Javascript
jQuery实现响应鼠标背景变化的动态菜单效果代码
Aug 27 Javascript
jQuery实现二级下拉菜单效果
Jan 05 Javascript
基于jQuery ligerUI实现分页样式
Sep 18 Javascript
echarts饼图扇区添加点击事件的实例
Oct 16 Javascript
iview中Select 选择器多选校验方法
Mar 15 Javascript
Cocos2d实现刮刮卡效果
Dec 20 Javascript
浅谈监听单选框radio改变事件(和layui中单选按钮改变事件)
Sep 10 Javascript
JS删除对象中某一属性案例详解
Sep 08 Javascript
微信小程序学习之自定义滚动弹窗
Dec 20 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之将POST数据转化为字符串的实现代码
2016/11/03 PHP
Laravel框架实现利用监听器进行sql语句记录功能
2018/06/06 PHP
基于jquery的表头固定的若干方法
2011/01/27 Javascript
Prototype源码浅析 Enumerable部分之each方法
2012/01/16 Javascript
一个JavaScript变量声明的知识点
2013/10/28 Javascript
jquery实现鼠标滑过小图时显示大图的方法
2015/01/14 Javascript
js焦点文字滚动效果代码分享
2015/08/25 Javascript
AngularJS控制器继承自另一控制器
2016/05/09 Javascript
Nodejs下用submit提交表单提示cannot post错误的解决方法
2016/11/21 NodeJs
JavaScript学习总结之正则的元字符和一些简单的应用
2017/06/30 Javascript
利用JS测试目标网站的打开响应速度
2017/12/01 Javascript
vue中引入第三方字体文件的方法示例
2018/12/17 Javascript
Vue实现的父组件向子组件传值功能示例
2019/01/19 Javascript
babel7.x和webpack4.x配置vue项目的方法步骤
2019/05/12 Javascript
微信小程序实现多行文字滚动
2020/11/18 Javascript
[38:31]完美世界DOTA2联赛PWL S3 Magma vs GXR 第一场 12.13
2020/12/17 DOTA
常用python数据类型转换函数总结
2014/03/11 Python
在Python下进行UDP网络编程的教程
2015/04/29 Python
详解Python3中的Sequence type的使用
2015/08/01 Python
Python中enumerate()函数编写更Pythonic的循环
2018/03/06 Python
Python中GeoJson和bokeh-1的使用讲解
2019/01/03 Python
python抖音表白程序源代码
2019/04/07 Python
Python如何使用Gitlab API实现批量的合并分支
2019/11/27 Python
python 爬取小说并下载的示例
2020/12/07 Python
加拿大奢华时装品牌:Mackage
2018/01/10 全球购物
我有一个char * 型指针正巧指向一些int 型变量, 我想跳过它们。 为什么如下的代码((int *)p)++; 不行?
2013/05/09 面试题
生物学学生自我评价
2014/01/17 职场文书
个人能力自我鉴赏
2014/01/25 职场文书
校园之声广播稿
2014/01/31 职场文书
乡镇干部十八大感言
2014/02/17 职场文书
《童年》教学反思
2014/02/18 职场文书
领导干部四风问题自我剖析材料
2014/09/25 职场文书
英文慰问信范文
2015/03/24 职场文书
浅谈vue2的$refs在vue3组合式API中的替代方法
2021/04/18 Vue.js
解决Golang中goroutine执行速度的问题
2021/05/02 Golang
JavaScript实现栈结构详细过程
2021/12/06 Javascript