收藏
回答

input的遮罩穿透

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

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

但是input仍然可以编辑



最后一次编辑于  2018-05-17  (未经腾讯允许,不得转载)
邀请回答
复制链接收藏投诉关注问题回答

3 个回答

  • 白山的天很蓝
    白山的天很蓝
    2018-05-17

    真机呢

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



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

      正解

      2018-05-31
      回复
  • cunjinli
    cunjinli
    2018-05-31

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

    2018-05-31
    赞同
    回复