美文网首页
ionic select在安卓手机和谷歌浏览器手机模式无法点击

ionic select在安卓手机和谷歌浏览器手机模式无法点击

作者: DragonRat | 来源:发表于2019-01-08 12:05 被阅读0次

    方法一:
    可能是版本问题,在 ionic的1.1版本中,部分模拟器以及部分安卓手机上有这个问题,更新到1.3解决。

    方法二:
    在select外的div加入属性 data-tap-disabled=”true”

    方法三:
    在ionic.bundle.js里,修改tapIgnoreEvent这个方法(不到万不得已的情况下不建议修改源码)

    function tapIgnoreEvent(e) {
        if (e.isTapHandled) return true;
        e.isTapHandled = true;
    
        if(ionic.tap.isElementTapDisabled(e.target)){
            return true;
        }
    
        if(e.target.tagName=='SELECT'){
            return true;
        }
    
        if (ionic.scroll.isScrolling && ionic.tap.containsOrIsTextInput(e.target)) {
            e.preventDefault();
            return true;
        }
    
    }
    

    作者:my木子
    链接:https://www.jianshu.com/p/3f0db680aa2e
    來源:简书
    简书著作权归作者所有,任何形式的转载都请联系作者获得授权并注明出处。

    相关文章

      网友评论

          本文标题:ionic select在安卓手机和谷歌浏览器手机模式无法点击

          本文链接:https://www.haomeiwen.com/subject/tmyvrqtx.html