微信小程序点击清除 input 内容,会穿透按钮点击到 inpu
2019-08-28 本文已影响0人
Jure_joe
1、图片:

2、问题:最原始的制作是将该清除内容的图标使用定位方式,使其在input框的上方,当点击该图标时,要求清除内容。在微信开发者工具中没有问题,但是一到真机测试时,每次点击该图标时,就会导致点击图标失效,直接穿透到input组件中。无奈将该图标的z-index层级设置为最大也没有用。
3、原因:查阅微信文档后 点我 可查看到根本原因。

4、解决方案:通过wxss限制input宽的width 使它最长只能在清除按键前(图标与iput组件并列),你可以先给清除按钮弄个背景色,看看按键范围,然后输一大串字超过一点点到背景色里,这种情况下调试板设置width就方便调了