`

【YUI插件】定制快捷键

    博客分类:
  • YUI
阅读更多

     话说YUI框架的插件很少,这次试着用YUI的基层库写一个比较务实的小插件,此版本比较初级,没有做任何优化的措施,诶。因为写了蛮久了,今天拖出来测了一下,能过。怕下次没时间写这个blog, 所以API就没写了,立马过来写blog了~

 

     话说以前是RIA,现在是ARIA (Accessible Rich Internet Application) ,主要的想法是提供更高的可访问性,话说很少有公司真的去实践这一步。

     这个小插件就是实现可访问性中的增强键盘使用方面,该插件基于YUI的核心库开发,通过设置元素className为特定标示,为该元素增加键盘的操作。(该插件可以设置更多的快捷键)

  

 关于设置:

     比如CTRL+A快捷键,设置其class 为"C_A";

     ALT+B快捷键 设置其class为"A_B";

     CTRL+ALT+B  快捷键,设置其class为 "C_A_B"(初级版本,混合快捷键C必须在前面 ,待以后再修正扩展);

 

   

     该插件除了提供快捷键的定制, 也提供方向键的使用。

     常用页面使用Tab键切换聚焦元素,该插件提供上下左右的方式 聚焦 附近的元素 。

 

 

      版本比较初级,还有一些想法没有实现, 暂且定为accessKey1.0版本。现在仅在IE上测试通过。其他浏览器未支持。若有时间,再实现其他浏览器的支持以及想法

 

      欢迎大家测试,提出bug 提出更好的想法~~

 

 

 

分享到:
评论
1 楼 jeffreydan 2010-12-30  
很强大哇···系统中如果有菜单的使用场景··这插件就可以派上用场了···只是遗憾的木有支持火狐哇···期待后续的版本·支持火狐哇··哈哈哈·

PS:用火狐死按死按都木效果,还以为是RP问题呀 ···

相关推荐

    Yahoo YUI 插件库

    非常有用的YUI插件,包括所有的Yahoo YUI插件库。

    基于YUI的酒店入住日历选择插件

    今天要为大家介绍一个非常实用的日历插件,日历插件是基于YUI框架的,和一般日历不一样,这款日历插件主要用来酒店入住和离开时选择相应日期用的,因为其特殊的用户,所以日历在设计上可以同时显示2-3个月的日期,...

    YUI 入门教程YUI 入门教程YUI 入门教程

    YUI教程YUI 入门教程YUI 入门教程YUI 入门教程

    yuicompressor-yui compressor

    yuicompressor-2.4.2.jar yuicompressor-2.4.7.jar jsZip.exe yuicompressor yui compressor js压缩工具 javascript压缩工具 css压缩工具 ------------------------------------ //压缩JS java -jar yui...

    yui_2.9.0前端UI

    YUI 库,全称Yahoo! UI Library。是一组工具和控件,用JavaScript写成, 为的是用DOM 脚本,DHTML和AJAX等技术创建丰富的网页交互式应用程序。 YUI 基于BSD协议,对所有的使用方式都是免费的。YUI 项目包括YUI 库和两...

    yui3-master.zip

    yui3-master.zip

    yuicompressor-maven-plugin, 用于压缩 (Minify/Ofuscate/Aggregate) Javascript文件和使用 YUI 压缩器的CSS文件的Maven 插件.zip

    yuicompressor-maven-plugin, 用于压缩 (Minify/Ofuscate/Aggregate) Javascript文件和使用 YUI 压缩器的CSS文件的Maven 插件 [[Flattr this git repo] ( http://api.flattr.com/button/flattr-badge-large.png)]...

    js 压缩YUI

    雅虎的东西,简单的操作很好用 使用例子:java -jar D:\yuicompressor\yuicompressor\yuicompressor.jar E:\js\all.js -o E:\wap\wap2\js\all-min.js --charset utf-8 当然要装jdk了 不然就玩完了

    yuicompressor.jar

    IDEA(pycharm,phpstorm)添加外部插件-yuicompressor压缩js/css

    yuitest YUI测试工具

    YUI Test is a complete testing framework for JavaScript and Web applications. You can use the simple JavaScript syntax to write unit tests that can be run in web browsers or on the command line, as ...

    yui_2.6.0r2

    yui_2.6.0r2 yui_2.6.0r2 yui_2.6.0r2 yui_2.6.0r2 yui_2.6.0r2

    yui 资源包

    yui 源码下载,3.9.0 r2 包,最新版本

    yuicompressor,给YUI Compressor添加右键命令

    YUI Compressor非常好用,特别是JS的混淆是众多JS Coding的最爱。可惜官网提供的版本都不具备右键功能,每次压缩都要cmd输入一些命令实在是繁琐,本文就介绍如何给YUI Compressor添加右键命令,方便使用。 网上已有...

    从YUI2到YUI3看前端的演变 pdf

    YUI3 引入了粒度更细的模块管理方式,通过异步 HTTP 请求加载模块、然后执行...YUI是个“学院派”的框架,以性能和严谨著称,易用性相对而言弱了一些。它能否在已经拉开的 JavaScript 框架大战中胜出,让我们拭目以待。

    从YUI2到YUI3看前端的演变

    从YUI2到YUI3看前端的演变

    YUI3 dialog组件

    基于YUI3的dialog组件该组件是基于YUI3开发的,功能强大,详细见http://www.qiqicartoon.com

    yahoo yui 实例教程

    利用Yahoo YUI库做的一个TREE实例,很详细的阐述了YUI的使用原理

    YUI中文文档CHM

    YAHOO YUI 中文文档 AJAX 详细 比较好用

    雅虎 用户接口库YUI

    YUI资料 雅虎 用户接口库 中文说明及如何使用学习 Yui组件分成2类:工具包和控件库 Yui 工具包 Yui 工具包利用DOM脚本来简化浏览器内的开发(in-browser devolvement),使用DHTML和AJAX的特性开发所有的Web程序。...

    yui压缩

    yui压缩

Global site tag (gtag.js) - Google Analytics