js设置组合快捷键/tabindex功能的方法
快捷键在日常的使用还是挺多的,例如熟悉的粘贴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采用递归算法计算阶乘实例
- js中递归函数的使用介绍
- JavaScript的递归之递归与循环示例介绍
- JS 树形递归实例代码
- js打印纸函数代码(递归)
- JavaScript 语言的递归编程
- javascript算法题:求任意一个1-9位不重复的N位数在该组合中的大小排列序号
- javascript算法题 求任意一个1-9位不重复的N位数在该组合中的大小排列序号
- JavaScript继承基础讲解(原型链、借用构造函数、混合模式、原型式继承、寄生式继承、寄生组合式继承)
- JS数组合并push与concat区别分析
- js实现简单排列组合的方法
- javascript使用递归算法求两个数字组合功能示例
- js设置组合快捷键/tabindex功能的方法
- 使用js 设置组合快捷键
- WinForm中快捷键与组合按键的设置方法
- WinForm中快捷键与组合按键的设置方法
- WinForm中快捷键与组合按键的设置方法
- 高漫 1060 Pro 数位板 Mac OS X 下无法设置 shift 快捷键解决方法
- js设置和获取自定义属性的方法
- JS设置cookie、读取cookie、删除cookie的三个方法
- Eclipse的快捷键组合功能
- js中对函数设置默认参数值的3种方法
- SecureCRT学习之道:SecureCRT常用快捷键设置与字体设置方法
- 迅雷 非vip用户使用vip功能的设置方法
- JS 打印功能代码(包括打印预览、打印设置等)
- QComboBox实现复选功能(三种方法:嵌套QListWidget, 设置QStandardItemModel, 设置Delegate)
- myeclipse自动设置类和方法的注释(快捷键)
- Zero Clipboard js+swf实现的复制功能使用方法
- WIN8 、WIN7 下IIS7.5、IIS8 的rewrite 伪静态功能设置方法
- js实现打印、页面设置、打印预览功能