微信小程序 > 微信公开课 > 小程序input上覆盖一个元素实现遮罩层,模拟器与真机不同
微信小程序,微信公开课,小程序input上覆盖一个元素实现遮罩层,模拟器与真机不同

小程序input上覆盖一个元素实现遮罩层,模拟器与真机不同

2019-04-03 15:16:50

如何看待微信公开课小程序热门讨论「小程序input上覆盖一个元素实现遮罩层,模拟器与真机不同」
摘要:小程序input上覆盖一个元素实现遮罩层,模拟器与真机不同
展开:公司名称MP帐号(邮箱)开发者微信号机型(如iPhone6splus)OPPOR9sk操作系统(如iOS9.3)android6.0.1是否必现出现时间操作路径(即如何操作可以复现该问题)输入内容,点击内容去改变光标位置问题描述(具体问题介绍)目标效果是:想实现用户只能依次输入数字,不能点击内容去改变光标位置。做法:第一次点击input可以正常输入,这时候会有一个元素形成遮罩层类的效果,覆盖在input上,不允许用户去点击input来改变光标位置,但是input会获取焦点,可以继续输入。开发者工具显示正常,输入之后无法再点击到input去改变光标位置,真机上不行,只会点击到input,没有点击到遮罩层。PS:想实现用户只能依次输入数字,不能点击内容去改变光标位置。如果有好方法的话,请告诉我,暂时没想到其他方式了0.0问题截图(客户端问题界面截图)模拟器上实现了手机上:先输入内容,然后点击内容,没有触发遮罩层的点击代码片段截图.test{position:relative;width:750rpx;height:100rpx;}.top{position:absolute;width:100%;height:100%;zindex:100;}.input{position:absolute;width:100%;height:100%;zindex:10;boxsizing:borderbox;border:1rpxsolid000;color:rgba(204,204,204,1);}.input_placeholder{color:rgba(204,204,204,1);}viewclasstestviewclasstopbindtaptopwx:if{{show}}/viewinputbindinputinputbindtaptapfocus{{focus}}typedigitvalue{{value0?:value}}placeholder请输入placeholderclassinput_placeholderclassinput/input/view
标签:小程序
微信小程序,微信公开课,小程序input上覆盖一个元素实现遮罩层,模拟器与真机不同

「小程序input上覆盖一个元素实现遮罩层,模拟器与真机不同」热门讨论订阅

方法1:微信扫描微信公开课小程序码即可订阅热门讨论「小程序input上覆盖一个元素实现遮罩层,模拟器与真机不同」

方法2:微信搜索微信公开课小程序名称进入,即可订阅热门讨论「小程序input上覆盖一个元素实现遮罩层,模拟器与真机不同」

方法3:微信网页访问即速商店,长按识别微信公开课小程序码即可订阅热门讨论「小程序input上覆盖一个元素实现遮罩层,模拟器与真机不同」

微信公开课小程序热门讨论「小程序input上覆盖一个元素实现遮罩层,模拟器与真机不同」由微信公开课原创摘录于微信小程序商店shop.jisuapp.cn,转载请注明出处。

微信公开课热门讨论「小程序input上覆盖一个元素实现遮罩层,模拟器与真机不同」由微信公开课开发者向微信用户提供,并对本服务内容、数据资料及其运营行为等真实性、合法性及有效性承担全部责任。