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的投票系统显示结果插件
Aug 12 Javascript
JavaScript创建类/对象的几种方式概述及实例
May 06 Javascript
原生JS实现加入收藏夹的代码
Oct 24 Javascript
seaJs的模块定义和模块加载浅析
Jun 06 Javascript
JavaScrip常见的一些算法总结
Dec 28 Javascript
jQuery树形控件zTree使用小结
Aug 02 Javascript
利用vue + element实现表格分页和前端搜索的方法
Dec 25 Javascript
p5.js入门教程之键盘交互
Mar 19 Javascript
Vue 中 filter 与 computed 的区别与用法解析
Nov 21 Javascript
浅谈js数组splice删除某个元素爬坑
Oct 14 Javascript
Antd下拉选择,自动匹配功能的实现
Oct 24 Javascript
Vue中ref和$refs的介绍以及使用方法示例
Jan 11 Vue.js
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获取mysql字段名称和其它信息的例子
2014/04/14 PHP
php实现的网络相册图片防盗链完美破解方法
2015/07/01 PHP
PHP简单的MVC框架实现方法
2015/12/01 PHP
PHP过滤器 filter_has_var() 函数用法实例分析
2020/04/23 PHP
JavaScript 替换Html标签实现代码
2009/10/14 Javascript
基于JQuery.timer插件实现一个计时器
2010/04/25 Javascript
JavaScript前补零操作实例
2015/03/11 Javascript
浅谈javascript中return语句
2015/07/15 Javascript
14款经典网页图片和文字特效的jQuery插件-前端开发必备
2015/08/25 Javascript
jQuery实现的经典竖向伸缩菜单效果代码
2015/09/24 Javascript
JavaScript动态生成二维码图片
2016/04/20 Javascript
js 动态添加元素(div、li、img等)及设置属性的方法
2016/07/19 Javascript
微信小程序 解决请求服务器手机预览请求不到数据的方法
2017/01/04 Javascript
Vue 页面跳转不用router-link的实现代码
2018/04/12 Javascript
vue.js绑定事件监听器示例【基于v-on事件绑定】
2018/07/07 Javascript
mock.js实现模拟生成假数据功能示例
2019/01/15 Javascript
js实现无缝滚动双图切换效果
2019/07/09 Javascript
[01:04:01]2014 DOTA2国际邀请赛中国区预选赛 5 23 CIS VS DT第一场
2014/05/24 DOTA
[01:15:12]DOTA2上海特级锦标赛主赛事日 - 1 败者组第一轮#4Newbee VS CDEC
2016/03/03 DOTA
Python输出PowerPoint(ppt)文件中全部文字信息的方法
2015/04/28 Python
详解Django中Request对象的相关用法
2015/07/17 Python
Python设计模式之抽象工厂模式
2016/08/25 Python
pandas object格式转float64格式的方法
2018/04/10 Python
Python使用combinations实现排列组合的方法
2018/11/13 Python
matlab中imadjust函数的作用及应用举例
2020/02/27 Python
Python中私有属性的定义方式
2020/03/05 Python
html5组织文档结构_动力节点Java学院整理
2017/07/11 HTML / CSS
C和C++经典笔试题附答案解析
2014/08/18 面试题
腾讯公司的一个sql题
2013/01/22 面试题
水产养殖学应届生求职信
2013/09/29 职场文书
外贸业务员工作职责
2014/01/06 职场文书
留学自荐信写作方法
2014/01/27 职场文书
财务总监管理职责范文
2014/03/09 职场文书
年度考核个人总结
2015/03/06 职场文书
Python中的turtle画箭头,矩形,五角星
2022/03/16 Python
SQL中去除重复数据的几种方法汇总(窗口函数对数据去重)
2023/05/08 MySQL