收藏
回答

input的遮罩穿透

框架类型 问题类型 API/组件名称 终端类型 微信版本 基础库版本
小程序 Bug input 工具 开发工具 1.9.93

input上方添加了一个遮罩层,遮罩的view设置了hover-stop-propagation='true'。

但是input仍然可以编辑



回答关注问题邀请回答
收藏

3 个回答

  • 小程序运营专员 - cunjin
    小程序运营专员 - cunjin
    2018-05-31

    既然是定位(脱离文档流),为啥不加层级关系,给遮罩加z-index:10接口

    2018-05-31
    有用
    回复
  • 疯狂的小辣椒
    疯狂的小辣椒
    2018-05-17



    2018-05-17
    有用
    回复 6
    • 0#
      0#
      2018-05-17
      这个属性添加了,没有效果。遮罩层是以控件形式添加进来的,可能和这个原因有关
      2018-05-17
      回复
    • 疯狂的小辣椒
      疯狂的小辣椒
      2018-05-17回复0#
      那你给个代码片段我们看看
      2018-05-17
      回复
    • 0#
      0#
      2018-05-18回复疯狂的小辣椒
      wechatide://minicode/SsLAmumF68ZY 麻烦帮忙看一下,代码片段已分享
      2018-05-18
      回复
    • 任性༄🍎
      任性༄🍎
      2018-05-19回复0#
      既然是定位(脱离文档流),为啥不加层级关系,层级关系不明确,很容易出现显示异常,给遮罩加z-index:10,弹出框加z-index:11 即可
      2018-05-19
      1
      回复
    • 小程序运营专员 - cunjin
      小程序运营专员 - cunjin
      2018-05-31

      正解

      2018-05-31
      回复
    查看更多(1)
  • 白山的天很蓝
    白山的天很蓝
    2018-05-17

    真机呢

    2018-05-17
    有用
    回复 7
    • 0#
      0#
      2018-05-17
      真机也是一样的,给view添加点击事件,bindtap、catchtap也无效
      2018-05-17
      回复
    • 白山的天很蓝
      白山的天很蓝
      2018-05-17回复0#
      哎呦 我想起来了 你试试这么写hover-stop-propagation="{{true}}"
      2018-05-17
      回复
    • 0#
      0#
      2018-05-17回复白山的天很蓝
      无效。。目前想到的方法就只能根据遮罩层的显示隐藏状态,去动态设置input的 disabled属性了。。。但是觉得很蠢
      2018-05-17
      回复
    • 白山的天很蓝
      白山的天很蓝
      2018-05-17回复0#
      第一次看到你这个属性啊 以为是没写管道符的问题 但是刚才查了一下 是阻止事件冒泡的 貌似你input不是遮罩层的父元素并不能阻止 而且你的需求应该是阻止点透事件 而不是冒泡吧
      2018-05-17
      回复
    • 0#
      0#
      2018-05-17回复白山的天很蓝
      死马当活马医啊。。给遮罩层添加点击,点击有响应的,但是input还是可以编辑。
      2018-05-17
      回复
    查看更多(2)
登录 后发表内容