欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  资讯频道

QFocuser:增强可用性和可访问性

程序员文章站 2022-05-19 10:56:37
...

Daniel Steigerwald编写了一个小巧,独立的类库—QFocuser,它可以让键盘导航类的Ajax工具有更好的可用性和可访问性,以下是它的特点:

  • 让你的小工具监听重要事件
  • 可以对任何元素开启焦点
  • 通过tab键,可以访问你的小工具
  • 可在safari中正常工作

你可以进行测试

示例代码:

var focuser = new QFocuser(widgetContainer, {
  onFocus: function(focusedEl) { .. add highlighted class or whatever }
  onBlur: function(focusedEl) { .. remove highlighted class or whatever }
});

// attach your own keys listeners
$(focuser.getKeyListener()).addEvent('keydown', e.g. handleArrows);
 
// when your widget decided to set the focus (and then receive key events)
focuser.focus(tableRowForExample);

 

点击查看详情:http://code.google.com/p/qfocuser/