layer点击关闭后,事件焦点会穿透到输入框,导致弹出软键盘

点击layer里的列表关闭后,如果底下有输入框或者滑块,事件会穿透下去,弹出软键盘或者改变滑块

体验不好哇

测试工程,在附件,求大神解决~~~~(>_<)~~~~



2015-08-04 09:18 添加评论 分享
已邀请:
X

赞助DCloud可免广告,点此前往赞助页面

1

mui中popover、actionsheet都会碰到类似问题,解决方案是:
关闭时,首先将遮罩层opacity设置为0,然后350毫秒后再真正移除遮罩。
mui代码如下:

var removeBackdrop = function(popover) {
backdrop.setAttribute('style', 'opacity:0');
$.targets.popover = $.targets._popover = null; //reset
setTimeout(function() {
if (!popover.classList.contains(CLASS_ACTIVE) && backdrop.parentNode && backdrop.parentNode === document.body) {
document.body.removeChild(backdrop);
}
}, 350);
};
\n
0

首先试试禁止事件冒泡,不行就延迟关闭列表
之前使用zepto的时候也会遇到这样的问题,最简单的解决方式是关闭的时候加个动画效果,超过300毫秒~~


0

wenju - https://github.com/mescroll/mescroll.git -- 精致的下拉刷新和上拉加载js框架. 主流APP案例, 一套代码多端运行~ 问题咨询请发私信哈~

赞同来自:

正想来结贴 确实如楼上所说 得延时50毫秒
setTimeout(function () {
layer.closeAll();
},50);


0

1196217890@qq.com

赞同来自:

这一段代码怎么加进去的,在测试过程中也遇到了这样的问题


要回复问题请先登录注册