1***@qq.com
1***@qq.com
  • 发布:2020-05-23 16:10
  • 更新:2020-05-23 17:23
  • 阅读:2162

input标签如何设置光标不显示,但是又可以正常输入

分类:uni-app

比如支付密码 我们需要input不可见 但是又可以正常输入 问题是:光标永远在闪

2020-05-23 16:10 负责人:无 分享
已邀请:
1***@qq.com

1***@qq.com (作者) - 90后IT男

我已经解决啦,大致说一下思路:
1)将input控件相对于父视图做绝对定位,与父视图左边距设置为负的本身宽度即可(position: absolute; top: 0upx; left:-750upx; width: 100%; )
2)动态去设置input的focus属性
3)input同级去创建View控件,View里边创建n个text控件(n为密码或者验证码或者其他什么码的允许输入长度)
4)给input同级创建的View控件绑定点击事件,在点击事件方法实现中去设置input的focus属性为true,即可弹出键盘
5)在键盘输入的时候,即可触发input属性的一系列方法,在input方法中将输入文本赋值给text控件即可
这样input也就不在屏幕中,但是又可以触发input的事件

  • 1***@qq.com (作者)

    网上说的那些设置焦点的颜色、或者输入文本的颜色、背景色 都亲自试过啦 没有任何效果

    2020-05-23 17:24

该问题目前已经被锁定, 无法添加新回复