sencha touch 实现android手机键盘对actionsheet的操作
2014-05-15 14:44
363 查看
思路:
1、使用document.addEventListener("keydown",btChange,false);添加 一个键盘事件(该事件必须有一输入控件得到焦点才能触发,这个必须好好控制)
2、使用actionsheet.down('.button'),获取第一个button
3、获取后为一个button对象,使用nextSibling()、previousSibling()方法获取当前按钮对象的上一级或下一级组件(该方法能得到同一树层级中的对象)
3、使用removeCls("x-button-normal")跟addCls("x-button-action")变化按钮,实现按钮选中状态或为选中状态的视觉变化,里面的样式可自己设定
4、另外要获取第一个按钮一级最后一个按钮,以实现菜单的循环
以下为代码,可写与actionsheet的show()事件中,实现监听android手机键盘
1、使用document.addEventListener("keydown",btChange,false);添加 一个键盘事件(该事件必须有一输入控件得到焦点才能触发,这个必须好好控制)
2、使用actionsheet.down('.button'),获取第一个button
3、获取后为一个button对象,使用nextSibling()、previousSibling()方法获取当前按钮对象的上一级或下一级组件(该方法能得到同一树层级中的对象)
3、使用removeCls("x-button-normal")跟addCls("x-button-action")变化按钮,实现按钮选中状态或为选中状态的视觉变化,里面的样式可自己设定
4、另外要获取第一个按钮一级最后一个按钮,以实现菜单的循环
以下为代码,可写与actionsheet的show()事件中,实现监听android手机键盘
var bt_check var bt_first var bt_last bt_check = comp.down('.button') bt_first = comp.down('.button') bt_last = comp.down('.button').nextSibling().nextSibling().nextSibling().nextSibling() bt_check.removeCls("x-button-normal"); bt_check.addCls("x-button-action"); document.addEventListener("keydown",btChange,false); function btChange(){ var e = window.event.keyCode; if(e == 56 || e == 54){ var bt_check_next = bt_check.nextSibling() //返回该组件之后的组件(处于同一树层级中) if(bt_check_next){ bt_check.removeCls("x-button-action"); bt_check.addCls("x-button-normal"); bt_check_next.removeCls("x-button-normal"); bt_check_next.addCls("x-button-action"); bt_check = bt_check_next } else{ bt_check.removeCls("x-button-action"); bt_check.addCls("x-button-normal"); bt_check = bt_first; bt_check.removeCls("x-button-normal"); bt_check.addCls("x-button-action"); } } else if(e == 50 || e == 52){ var bt_check_previous = bt_check.previousSibling() //返回该组件之前的组件(处于同一树层级中) if(bt_check_previous){ bt_check.removeCls("x-button-action"); bt_check.addCls("x-button-normal"); bt_check_previous.removeCls("x-button-normal"); bt_check_previous.addCls("x-button-action"); bt_check = bt_check_previous } else{ bt_check.removeCls("x-button-action"); bt_check.addCls("x-button-normal"); bt_check = bt_last; bt_check.removeCls("x-button-normal"); bt_check.addCls("x-button-action"); } } else if(e == 13 || e == 53){ bt_check.callHandler() //触发按钮的handler事件 } }
相关文章推荐
- sencha touch 实现键盘对list的操作
- sencha touch 添加类似phoneGap的android键盘监听事件
- 手把手教你在Android手机上实现蓝牙键盘的支持
- EasyPusher实现Android手机屏幕桌面直播,实时推送操作画面,用于手游直播等应用
- android 手机SD卡读写操作(以txt文本为例)实现步骤
- 手把手教你在Android手机上实现蓝牙键盘的支持
- EasyPusher实现Android手机屏幕桌面直播,实时推送操作画面,用于手游直播等应用
- C# Android BackupSupport 1.3.0(快速备份文件、打开、剪切板操作,手机做宏键盘)
- Android手机控制PC关机,重启等操作(一)服务端实现
- android 手机SD卡读写操作(以txt文本为例)实现步骤【转】
- EasyPusher实现Android手机屏幕桌面直播,实时推送操作画面,用于手游直播等应用
- android 手机SD卡读写操作(以txt文本为例)实现步骤
- j2me智能手机实现远程监控室内操作(高级界面篇)
- 中国本土的智能手机操作平台走势预测(学习Symbian平台用来开发,学习Android用来投资,WP暂时观望)
- 使用UI Automation实现自动化测试--7.2 (模拟键盘复杂操作在自动化测试中的应用)
- 谷歌正式发布Android 2.2手机操作平台
- Android通过onDraw实现在View中绘图操作
- android cupcake上实现蓝牙键盘接入
- 【Android2D游戏开发十六】(上文之触摸屏手势)详解Android Gesture 手势操作!利用手势实现一个简单切换图片的功能!
- Android手机系统adb操作命令详解