话说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 提出更好的想法~~
分享到:
相关推荐
**Yahoo YUI 插件库** Yahoo User Interface (YUI) 是一个开源的JavaScript库,由Yahoo开发并维护,用于构建高性能、响应式...通过结合YUI核心组件和各种插件,开发者可以构建出高度定制、功能全面的现代Web应用程序。
今天要为大家介绍一个非常实用的日历插件,日历插件是基于YUI框架的,和一般日历不一样,这款日历插件主要用来酒店入住和离开时选择相应日期用的,因为其特殊的用户,所以日历在设计上可以同时显示2-3个月的日期,...
1. 安装yuicompressor插件:在Idea的插件市场搜索并安装yuicompressor相关的插件。 2. 配置项目构建:在项目的构建配置中添加yuicompressor的任务,指定输入文件路径、输出文件路径以及压缩级别等参数。 3. 运行构建...
《深入理解YUI3:基于yui3-master.zip的探讨》 YUI(Yahoo! User Interface Library)是由雅虎公司开发的一套开源JavaScript库,它为Web开发者提供了丰富的功能和工具,以创建交互性强、性能优秀的网页应用。YUI3是...
YUI强调用户体验,其界面设计组件不仅美观,而且易于定制。同时,YUI提供了压缩和合并工具,能够将多个JavaScript和CSS文件压缩成一个,减少HTTP请求,从而提升页面加载速度。此外,YUI的延迟加载(LazyLoad)特性,...
7. **可扩展性(Extensibility)**:YUI-EXT的组件和类系统设计得非常灵活,允许开发者通过继承和插件机制来扩展其功能,满足特定项目需求。 通过提供的压缩包文件"ext 2.rar"、"ext教程.rar"和"yui_2.3.1.zip",你...
YUI还提供了丰富的组件库,包括按钮、表格、日期选择器、菜单等,这些组件不仅具有良好的交互体验,而且易于定制和扩展。例如,例子中可能用到了“yui-button”来创建交互式的按钮,或者使用“yui-menu”构建导航...
10. **可定制性**:YUI3允许开发者根据项目需求选择需要的模块,通过构建工具构建最小化的YUI库,避免不必要的资源浪费。 11. **社区支持**:作为开源项目,YUI3拥有活跃的开发者社区,提供了大量的插件和示例代码...
这个插件是基于YUI Compressor,一个由Yahoo开发的开源工具,它能有效地压缩和混淆代码,从而减少文件大小,提升网页加载速度,并降低服务器带宽消耗。 ### 一、Maven插件介绍 Maven是Java领域广泛使用的项目管理...
“源码”标签暗示这个压缩包可能包含了YUI表单验证器的源代码,这使得开发者可以查看、学习和定制验证器的内部工作原理。而“工具”标签则表明这个组件是一种实用的开发辅助工具,可以帮助开发者轻松实现表单验证...
yuicompressor-2.4.2.jar yuicompressor-2.4.7.jar jsZip.exe yuicompressor yui compressor js压缩工具 javascript压缩工具 css压缩工具 ------------------------------------ //压缩JS java -jar yui...
YUI 库,全称Yahoo! UI Library。是一组工具和控件,用JavaScript写成, 为的是用DOM 脚本,DHTML和AJAX等技术创建丰富的网页交互式应用程序。 YUI 基于BSD协议,对所有的使用方式都是免费的。YUI 项目包括YUI 库和两...
YUI的核心理念是模块化和可定制性。它允许开发者按需选择所需的组件,减少页面加载时间,提高性能。YUI包含了一系列的JavaScript和CSS组件,如事件处理、DOM操作、动画效果、数据管理、Ajax交互、表单验证等,覆盖...
2. **弹出对话框**:YUI的Dialog组件可以创建可定制的对话框,用于提示信息、确认操作等。 3. **下拉菜单**:YUI的Menu组件可以轻松创建多级下拉菜单,提升网站导航的用户体验。 4. **拖放功能**:YUI的Drag & Drop...
3. **测试压缩后的代码**:虽然YUICompressor在压缩过程中尽力保持代码的正确性,但压缩后的代码可能会影响某些特定的JavaScript库或插件,因此压缩后务必进行充分的测试。 4. **与其他工具集成**:YUICompressor...
- `src/`:源代码目录,如果你需要深入理解YUI的工作原理或者进行定制开发,可以查阅此处的代码。 通过深入学习和实践YUI2的这些组件和工具,开发者可以构建出高效、可维护且用户体验良好的Web应用程序。同时,YUI2...
YUI(Yahoo! User Interface Library)是雅虎公司推出的一款开源JavaScript库,旨在帮助开发者构建高性能、可扩展的Web应用程序。YUI3.6版本是该库的一个重要里程碑,提供了丰富的组件和工具,以支持现代Web开发的...
同时,YUI提供了一套完整的API,使得开发者可以灵活地定制和扩展其功能。 二、YUI 3.8.1的主要特性 1. **模块系统**:YUI 3.8.1采用CommonJS规范,通过YUI.use()方法按需加载模块,降低初始页面加载时间。此外,还...
《YUI使用文档》汉语版是一份详细的YUI学习材料,它涵盖了这个JavaScript库的核心功能和使用方法。YUI,全称Yahoo! User Interface Library,是Yahoo开发的一个开放源代码的JavaScript库,旨在帮助开发者创建交互式...
开发者可以通过定义返回的数据格式和处理函数来定制数据源。 - `DataSource.getRecords`: 获取数据源中的记录,可以配合Ajax请求来获取远程数据。 - `DataSource.doBeforeCallback`: 在调用回调函数之前,允许...