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(笔记)
Oct 06 Javascript
复制小说文本时出现的随机乱码的去除方法
Sep 07 Javascript
JavaScript—window对象使用示例
Dec 09 Javascript
JavaScript中的Primitive对象封装介绍
Dec 31 Javascript
jQuery 实现评论等级好评差评特效
May 06 Javascript
javascript鼠标跟随运动3种效果(眼球效果,苹果菜单,方向跟随)
Oct 27 Javascript
JS根据生日月份和日期计算星座的简单实现方法
Nov 24 Javascript
简单谈谈axios中的get,post方法
Jun 25 Javascript
Node.js利用js-xlsx处理Excel文件的方法详解
Jul 05 Javascript
mui框架移动开发初体验详解
Oct 11 Javascript
angularjs实现时间轴效果的示例代码
Nov 29 Javascript
微信小程序iBeacon测距及稳定程序的实现解析
Jul 31 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中PDO的错误处理
2011/09/04 PHP
PHP 中 DOMDocument保存xml时中文出现乱码问题的解决方案
2016/09/19 PHP
JS DOM 操作实现代码
2010/08/01 Javascript
JavaScript动态添加列的方法
2015/03/25 Javascript
js实现鼠标移到链接文字弹出一个提示层的方法
2015/05/11 Javascript
基于Bootstrap的后台管理面板 Bootstrap Metro Dashboard
2016/06/17 Javascript
原生js实现仿window10系统日历效果的实例
2017/10/31 Javascript
Node.js调用fs.renameSync报错(Error: EXDEV, cross-device link not permitted)
2017/12/27 Javascript
angularJS的radio实现单项二选一的使用方法
2018/02/28 Javascript
解决iView中时间控件选择的时间总是少一天的问题
2018/03/15 Javascript
vue-cli 如何打包上线的方法示例
2018/05/08 Javascript
layui从数据库中获取复选框的值并默认选中方法
2018/08/15 Javascript
ES6 更易于继承的类语法的使用
2019/02/11 Javascript
微信打开网址添加在浏览器中打开提示的办法
2019/05/20 Javascript
原生js实现的移动端可拖动进度条插件功能详解
2019/08/15 Javascript
vue 开发企业微信整合案例分析
2019/12/02 Javascript
Threejs实现滴滴官网首页地球动画功能
2020/07/13 Javascript
[27:39]Ti4 循环赛第二日 LGD vs Fnatic
2014/07/11 DOTA
Python实现动态添加类的属性或成员函数的解决方法
2014/07/16 Python
Python单例模式实例分析
2015/01/14 Python
Python文件处理
2016/02/29 Python
解决PyCharm控制台输出乱码的问题
2019/01/16 Python
Python3基础教程之递归函数简单示例
2019/06/07 Python
基于Python的Jenkins的二次开发操作
2020/05/12 Python
基于Python爬取51cto博客页面信息过程解析
2020/08/25 Python
Python如何使用ElementTree解析xml
2020/10/12 Python
python开发一个解析protobuf文件的简单编译器
2020/11/17 Python
Pytest测试框架基本使用方法详解
2020/11/25 Python
一套C#面试题
2013/10/09 面试题
行政部总经理岗位职责
2014/01/04 职场文书
高中毕业自我评价
2014/02/08 职场文书
集团公司党的群众路线教育实践活动工作总结
2014/03/03 职场文书
婚礼答谢宴主持词
2014/03/14 职场文书
淘宝客服专员岗位职责
2014/04/11 职场文书
2014年安全生产目标责任书
2014/07/23 职场文书
教师党的群众路线教育实践活动学习心得体会
2014/10/30 职场文书