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 相关文章推荐
JS控制显示隐藏兼容问题(IE6、IE7、IE8)
Apr 01 Javascript
php实例分享之实现显示网站运行时间
May 20 Javascript
jQuery中clone()方法用法实例
Jan 16 Javascript
JS制作简单的三级联动
Mar 18 Javascript
jquery实现右侧栏菜单选择操作
Mar 04 Javascript
jquery实现图片列表鼠标移入微动
Dec 01 Javascript
jQuery实现简易的输入框字数计数功能示例
Jan 16 Javascript
原生js和css实现图片轮播效果
Feb 07 Javascript
jQuery插件Echarts实现的双轴图效果示例【附demo源码下载】
Mar 04 Javascript
vue中如何实现变量和字符串拼接
Jun 19 Javascript
vue页面加载闪烁问题的解决方法
Mar 28 Javascript
jQuery实现使用sort方法对json数据排序的方法
Apr 17 jQuery
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
星际原理概述
2020/03/04 星际争霸
怎么在Windows系统中搭建php环境
2013/08/31 PHP
php+mysql+jquery实现简易的检索自动补全提示功能
2017/04/15 PHP
PHP等比例压缩图片的实例代码
2018/07/26 PHP
php+mysql开发中的经验与常识小结
2019/03/25 PHP
js函数般调用正则
2008/04/08 Javascript
javascript模拟post提交隐藏地址栏的参数
2014/09/03 Javascript
sails框架的学习指南
2014/12/22 Javascript
JavaScript动态改变div属性的实现方法
2015/07/22 Javascript
简单掌握JavaScript中const声明常量与变量的用法
2016/05/21 Javascript
微信小程序 特效菜单抽屉效果实例代码
2017/01/11 Javascript
Bootstrap免费字体和图标网站(值得收藏)
2017/03/16 Javascript
Bootstrap Table使用整理(四)之工具栏
2017/06/09 Javascript
jQuery实现的简单前端搜索功能示例
2017/10/28 jQuery
使用vue官方提供的模板vue-cli搭建一个helloWorld案例分析
2018/01/16 Javascript
vue移动端实现手机左右滑动入场动画
2020/06/17 Javascript
python访问抓取网页常用命令总结
2017/04/11 Python
python3模块smtplib实现发送邮件功能
2018/05/22 Python
使用pandas把某一列的字符值转换为数字的实例
2019/01/29 Python
Python实现TCP通信的示例代码
2019/09/09 Python
Python笔记之facade模式
2019/11/20 Python
Python 必须了解的5种高级特征
2020/09/10 Python
HTML5本地存储和本地数据库实例详解
2017/09/05 HTML / CSS
幼儿园小班植树节活动方案
2014/03/04 职场文书
村庄绿化方案
2014/05/07 职场文书
大型演出策划方案
2014/05/28 职场文书
本科毕业生求职信
2014/06/15 职场文书
群众路线对照检查材料思想汇报怎么写
2014/09/18 职场文书
授权收款委托书范本
2014/10/10 职场文书
2015大学生实训报告
2014/11/05 职场文书
写给领导的感谢信
2015/01/22 职场文书
2016新年年会主持词
2015/07/06 职场文书
MySQL 使用SQL语句修改表名的实现
2021/04/07 MySQL
python 爬取吉首大学网站成绩单
2021/06/02 Python
MongoDB 常用的crud操作语句
2021/06/20 MongoDB
React如何使用axios请求数据并把数据渲染到组件
2022/08/05 Javascript