`

增强用户体验,设置快捷键

 
阅读更多

快捷键在日常的使用还是挺多的,例如熟悉的粘贴ctrl+v,复制 ctrl+c,使用快捷键能提高我们的做事效率,特别是当我们熟悉了一种操作后,再次使用它来进行操作就会变得很方便,很顺手,对于使用键盘的重度用户,

键盘永远比鼠标来的快。

本文主要提到用js的方法设置tabindex 和js设置组合快捷键

1)tabindex:

  就是利用tab来轻松的控制页面中的链接和表单元素

  它的用法很简单:obj.tabindex  = tabindex; 这个tabindex 的值,按照w3c 的规定可以从0开始 一直到32767

  这个比较的简单,关键是明白他的作用,这里就不举例了。这里有一篇文章对tabindex的研究很仔细

  http://fluidproject.org/blog/2008/01/09/getting-setting-and-removing-tabindex-values-with-javascript/

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) 设置enter 提交

  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  

  注意:浏览器的兼容性问题

转载自:http://www.cnblogs.com/yupeng/archive/2012/03/30/2424547.html

分享到:
评论

相关推荐

    WINFORM学习与设置快捷键

    这些对话框可以方便地集成到应用程序中,以增强用户体验。 7. **布局管理(Layout Management)**:WinForm有多种布局管理器,如FlowLayoutPanel、TableLayoutPanel等,帮助开发者自动调整控件的位置和大小,以适应...

    sublime text2 常用包和设置 快捷键

    下面将详细介绍这款编辑器的一些常用包、设置及快捷键。 一、常用包(Plugins) 1. ** Emmet**:这是一个前端开发者必备的插件,它极大地提升了HTML和CSS编写效率,通过缩写自动扩展为完整的HTML结构。 2. **...

    delphi设置全局快捷键判断鼠标按键

    在Delphi编程环境中,设置全局快捷键和判断鼠标按键是两个关键功能,它们可以极大地提升应用程序的交互性和用户友好性。...理解并熟练运用这些功能,对于提升Delphi应用程序的用户体验和功能性至关重要。

    熟悉ASP使用的快捷键

    综上所述,掌握这些快捷键不仅能够显著提升ASP.NET开发者的编程效率,还能增强代码质量和开发体验。通过减少不必要的鼠标操作,开发者可以将更多精力集中在核心编码和设计上,从而推动项目的顺利进行。

    hotkeys键盘快捷键设置软件

    【标题解析】 "hotkeys键盘快捷键设置软件" 是一个专门用来自定义键盘...通过以上知识点的详细介绍,我们可以了解到hotkeys键盘快捷键设置软件是如何帮助用户提升电脑操作效率的,并对如何使用此类软件有了清晰的认识。

    UGNX快捷键精灵

    ActiveX控件是Windows应用程序中常用的一种组件,可以增强程序功能并提供更好的用户体验。 "使用说明.txt"文件则是关于如何使用"UGNX快捷键精灵"的指南。用户应详细阅读此文件,了解如何安装和运行程序,如何设置和...

    火狐浏览器快捷键

    总结来说,熟练掌握这些快捷键不仅可以提升在火狐浏览器中的操作效率,还能在一定程度上增强用户体验,无论是日常上网还是专业工作场景下,都是非常有价值的技能。希望以上介绍能帮助你更好地利用火狐浏览器,享受...

    VMware虚拟机快捷键

    Ctrl+Alt+Insert:推出全屏模式,这个快捷键可以使虚拟机全屏显示,从而提供更好的用户体验。 Ctrl-B:开机,使用这个快捷键可以快速启动虚拟机。 Ctrl-E:关机,使用这个快捷键可以快速关闭虚拟机。 Ctrl-R:...

    ET2008快捷键增强版

    同时,自定义快捷键也允许用户根据个人习惯进行设置,进一步提高了个性化的工作体验。 此外,ET2008快捷键增强版可能还包含了一些隐藏的性能改进和新功能,例如更智能的对象捕捉、更精确的尺寸标注、更强大的自动...

    实现快捷键

    在编程领域,快捷键或者称为加速器(Accelerator)是一种...总的来说,实现快捷键功能是提升用户体验的关键步骤之一。通过理解不同平台的快捷键处理机制,以及合理的设计和实现,开发者能够创建出更加高效、易用的软件。

    Win10快捷键一览

    此外,还有一些实用的快捷键可以增强用户体验。【F11】快捷键可以将当前窗口转为全屏模式,但这个功能仅限于传统程序。资源管理器中的文件夹切换可以使用【Alt+↑/←/→】来快速实现。【Ctrl+F1】快捷键则是用来展开...

    ET2012快捷键增强版

    其次,该版本还支持自定义快捷键设置。每个程序员都有自己的操作习惯,ET2012快捷键增强版允许用户根据自身需求调整或新建快捷键,以满足个性化的需求。这一特性使得这个工具能够适应各种不同的编程风格,无论你是...

    QQ Mac版如何设置提取消息快捷键.docx

    总结来说,QQ Mac版的快捷键设置是一个非常实用的功能,它不仅能够帮助用户提升工作效率,还能增强沟通的便捷性。用户可以通过简单的几个步骤,完成快捷键的自定义设置。只要遵循正确的操作流程,在“基本设置”中...

    Win8快捷键大全

    总的来说,快捷键能够帮助用户在不使用鼠标的情况下完成各种操作,从而提供更为流畅和高效的用户体验。掌握快捷键的使用对于提升生产力和简化操作流程具有重要的意义。使用快捷键可以节约时间,特别是在需要频繁切换...

    WPF 全局快捷键 GlobalHotKeyDemo

    **WPF全局快捷键(GlobalHotKey)详解** ...通过注册、处理和注销快捷键,我们可以让应用程序在任何时刻对用户的键盘输入做出反应,增强用户体验。理解并掌握这些步骤,对于开发高效且用户友好的WPF应用至关重要。

    驱动x81快捷键驱动

    这种驱动主要用于增强或扩展电脑键盘上的功能快捷键,使得用户可以通过按下预设的组合键来执行特定的操作,如调整音量、控制媒体播放等。 快捷键驱动的主要功能包括: 1. **硬件兼容性**:驱动程序确保操作系统...

    ghotkey-设置修改xp系统快捷键

    "ghotkey-设置修改xp系统快捷键"这个主题,正是针对这些用户的需求,提供了一种自定义系统热键的方法,以增强操作体验。 GHotKeys是一款小巧而实用的工具,专门用于XP系统,它允许用户自由设定和修改系统级别的...

    jquery_键盘快捷键

    在Web开发中,jQuery库为开发者提供了一种...通过理解并熟练运用上述知识点,你可以为Web应用添加丰富的键盘交互,提升用户体验。无论是单独的键还是组合键,都可以轻松实现监听和响应,使得Web系统更加智能化和高效。

    Arc Map快捷键

    编辑工具的快捷键主要集中在对象的选择与移动上,为用户提供更高效的数据编辑体验: - **Shift**:添加至/取消选择,这使得用户可以轻松地在多个对象之间切换选择状态。 - **Ctrl**:移动选择锚,便于用户在编辑...

    惠普快捷键

    总之,HP520笔记本电脑的快捷键设计充分考虑了用户的实际需求,无论是提高工作效率,还是增强用户体验,都起到了至关重要的作用。熟练掌握并合理利用这些快捷键,将使您的笔记本电脑成为更加得心应手的工作伙伴。

Global site tag (gtag.js) - Google Analytics