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

分类：MUI

事件透传

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

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

layer焦点穿透.zip

2015-08-04 09:18 负责人:无分享

4 个回复

DCloud_UNI_CHB

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);  
};