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 相关文章推荐
在IE下获取object(ActiveX)的Param的代码
Sep 15 Javascript
JS获取当前日期和时间的简单实例
Nov 19 Javascript
js弹出框、对话框、提示框、弹窗实现方法总结(推荐)
May 31 Javascript
分享一个插件实现水珠自动下落效果
Jun 01 Javascript
浅谈JS中逗号运算符的用法
Jun 12 Javascript
详解Vue2+Echarts实现多种图表数据可视化Dashboard(附源码)
Mar 21 Javascript
微信小程序之网络请求简单封装实例详解
Jun 28 Javascript
jQuery修改DOM结构_动力节点Java学院整理
Jul 05 jQuery
vue插件mescroll.js实现移动端上拉加载和下拉刷新
Mar 07 Javascript
详解如何写出一个利于扩展的vue路由配置
May 16 Javascript
个人小程序接入支付解决方案
May 23 Javascript
layui下拉框获取下拉值(select)的例子
Sep 10 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
咖啡的种类和口感
2021/03/03 新手入门
MySql中正则表达式的使用方法描述
2008/07/30 PHP
php获取ip的三个属性区别介绍(HTTP_X_FORWARDED_FOR,HTTP_VIA,REMOTE_ADDR)
2012/09/23 PHP
解析PHP强制转换类型及远程管理插件的安全隐患
2014/06/30 PHP
PHP调试函数和日志记录函数分享
2015/01/31 PHP
关于php中一些字符串总结
2016/05/05 PHP
Laravel ORM 数据model操作教程
2019/10/21 PHP
javascript Excel操作知识点
2009/04/24 Javascript
基于jQuery的淡入淡出可自动切换的幻灯插件打包下载
2010/09/15 Javascript
读jQuery之十四 (触发事件核心方法)
2011/08/23 Javascript
js禁止回车提交表单的示例代码
2013/12/23 Javascript
JavaScript中操作字符串小结
2015/05/04 Javascript
JavaScript的类型、值和变量小结
2015/07/09 Javascript
JavaScript中的跨浏览器事件操作的基本方法整理
2016/05/20 Javascript
js手动播放图片实现图片轮播效果
2016/09/17 Javascript
Ajax 加载数据 练习代码
2017/01/05 Javascript
详解微信小程序 wx.uploadFile 的编码坑
2017/01/23 Javascript
Vue.directive自定义指令的使用详解
2017/03/10 Javascript
Vue 2.0入门基础知识之内部指令详解
2017/10/15 Javascript
浅谈React Event实现原理
2018/09/20 Javascript
vue中typescript装饰器的使用方法超实用教程
2019/06/17 Javascript
使用vuex存储用户信息到localStorage的实例
2019/11/11 Javascript
vue-simple-uploader上传成功之后的response获取代码
2020/09/07 Javascript
SpringBoot+Vue 前后端合并部署的配置方法
2020/12/30 Vue.js
python实现名片管理系统项目
2019/04/26 Python
Python创建数字列表的示例
2019/11/28 Python
django formset实现数据表的批量操作的示例代码
2019/12/06 Python
Pytorch 中retain_graph的用法详解
2020/01/07 Python
Python实现不规则图形填充的思路
2020/02/02 Python
Numpy(Pandas)删除全为零的列的方法
2020/09/11 Python
python和C++共享内存传输图像的示例
2020/10/27 Python
python 用struct模块解决黏包问题
2020/11/07 Python
工作表扬信
2015/01/17 职场文书
员工拾金不昧表扬稿
2015/05/05 职场文书
幼儿园辞职信
2015/05/13 职场文书
详解python的异常捕获
2022/03/03 Python