jQuery-jQuery Mobile在键盘式手机上怎么用方向键移动焦点?

jQuery-jQuery Mobile在键盘式手机上怎么用方向键移动焦点?

归属感 发布于 2017-04-28 字数 70 浏览 1159 回复 1

jQuery Mobile在键盘式手机上怎么用上、下、左、右方向键移动焦点?

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

泛泛之交 2017-10-26 1 楼

用jQuery的 Keynav 插件:http://archive.plugins.jquery.com/project/keynav

使用方法很简单,在引入这个插件后,只需像调用原生api一样对需要使用方向键的位置进行初始化即可。

见我在jsFiddle上的Demo:http://jsfiddle.net/chada/aJAn5/

在这个Demo中,需要使用方向键来选择无序列表中的单元,每一个无序列表下的li单元内有隐藏内容。使用键盘式手机(我的测试环境为HTC Chacha, 系统内置Android浏览器)的方向键控制焦点,使用回车键展开焦点所在li单元下的隐藏内容。

P.S:本回答及Demo参考自:http://stackoverflow.com/questions/1409214/keyboard-navigation-for-menu-using-jquery