当前位置: 首页 如何解决小程序文本框 placeholder 定位Bug

如何解决小程序文本框 placeholder 定位Bug

发布时间:2020-06-14 15:52:04

解决小程序文本框 placeholder 定位Bug

   小程序 textarea 在真机上很多bug,又没有其他的组件可以代替,最常见就是 当页面出现滚动条,placeholder 默认提示文本会被固定到初始位置,textarea 的点击区域也会错位,再次点击的时候又能恢复?

要解决这个Bug其实也简单,既然 textarea 的显示有问题,那么我们可以在显示的时候使用 view 组件代替,当用户点击 view 组件的时候,替换为 原来的 textarea 输入框即可,唯一的不足就是文字会闪动一下,这倒是可以接受。

实现原理

1、定义一个文本框的初始变了 textFocus,默认为 false,同时当这个变量为false 的时候,隐藏 textarea 文本框,同时显示 view 组件。 

2、当用户点击 view 的时候,设置 textFocus true,显示 textarea 文本框,隐藏 view 组件。 

3、单是前面两个步骤还不够,在文本框失去焦点的时候,我们还要还原初始状态,实现的代码如下。

来源:成都云易科技 侵删


免责声明:
本网站信息由网站用户提供,其内容和图片的真实性、合法性、版权由信息提供者负责,最终以政府部门登记备案的信息为准。本网站信息凡涉及面积单位均为建筑面积,本网站不声明或保证内容之正确性和可靠性,租赁或购买该物业时,请谨慎核查。
郑重提示:
请您在签订合同之前,切勿支付任何形式的费用,以免上当受骗。
咨询热线:134-1874-5414 公司邮箱:505857069@qq.com
微信小程序
官方公众号