sencha touch中点击overlay,会触发底下的输入框获得焦点的处理办法
来源:互联网 发布:java定义可变长度数组 编辑:程序博客网 时间:2024/06/05 11:25
sencha touch中,弹出一个overlay,或者一个Ext.Msg,如果这个overlay下面正好是一个输入框或者按钮,当点击overlay中按钮时,会发生穿透,使下面的按钮或输入框触发事件。
大概是这样一种现象:
这是一组图片,点击图片,弹出一个overlay层,
这是点击之后,放大的情况。此时我们点击close按钮,会关闭overlay层。但是,很不巧的是,如果你点击的是图中圆圈区域,那么这个点击会发生穿透,使下面的小图片也触发点击事件,即还会再次弹出被穿透的那个图片。
解决办法1:
所有的container和component都一个disabled方法,可以监控,当overlay弹出时,使下边的层disable,当overlay消失时,取消disable。
解决办法2:
给下面的层组件添加一个css属性:pointer-events:none,来组织它的焦点事件。
当弹出overlay时,就给下面的组件添加一个css属性,当overlay消失时,取消这个属性。大概代码为:
Ext.Viewport.on({ delegate: 'mask', show: function(mask) { var activeItem = Ext.Viewport.getActiveItem(); if (activeItem.element) activeItem.element.addCls('prevent-pointer-events'); }, hide: function(mask) { var activeItem = Ext.Viewport.getActiveItem(); setTimeout(function() { if (activeItem.element) activeItem.element.removeCls('prevent-pointer-events'); }, 400); }});
0 0
- sencha touch中点击overlay,会触发底下的输入框获得焦点的处理办法
- [Phonegap+Sencha Touch] 移动开发10 调用focus方法使输入框获得焦点,不弹出软键盘的解决方法
- [Phonegap+Sencha Touch] 移动开发10 调用focus方法使输入框获得焦点,不弹出软键盘的解决方法
- 如何在点击sencha-touch-list中通过点击item获得所在的绑定字段
- sencha touch 2 nestlist中获得绑定store中值的办法
- 点击按钮的时候,输入框不获得焦点
- extjs6、sencha touch 点击穿透/鬼点击(Ghost Click) 的缓解办法
- [Phonegap+Sencha Touch] 移动开发16 安卓webview中,input输入框不触发backspace回退键事件的解决办法(带来其他bug,作废)
- [Phonegap+Sencha Touch] 移动开发23 Android和IOS的webview点击穿透的缓解办法
- [Phonegap+Sencha Touch] 移动开发68 Sencha Touch弹出键盘挡住输入框的解决办法
- [Javascript]如何在HTML中实现点击input输入框(获得焦点)后默认提示消失的效果
- html的onChange是会误导人的------输入框变化且焦点离开才会触发
- [Phonegap+Sencha Touch] 移动开发23 Android和IOS的webview 点击穿透/鬼点击(Ghost Click) 的缓解办法
- 关于sencha touch中给文本添加焦点无效的解决方案
- [Phonegap+Sencha Touch] 移动开发21 Sencha touch tapHold事件 触发时间太长的解决办法
- [Phonegap+Sencha Touch] 移动开发21 Sencha touch tapHold事件 触发时间太长的解决办法
- Android EditText文本框重新获得焦点和输入完成后的检查事件触发
- 关于取消EditText默认获得焦点又不影响点击效果的办法
- jQuery用过的插件
- POJ 1228 Grandpa's Estate (稳定凸包)
- 10791 - Minimum Sum LCM
- C++二叉树线索化并遍历的示例代码
- hdu 4347 The Closest M Points(kd树+优先队列)
- sencha touch中点击overlay,会触发底下的输入框获得焦点的处理办法
- 关于错误提示Must explicitly describe intended ownership of an object array parameter
- C语言_分支结构
- acm2025
- iOS与WebService通信,内容包含“尖括号”返回异常
- 真实的面试题总结
- arm-linux 移植无线网卡RT3070驱动
- 在指定字符串中查找第一次找到所查找的字符和最后一次查找的到的字符
- Eclipse安装Activiti Designer插件