微信小程序中踩过的坑 input textarea swiper
来源:互联网 发布:百度一下官方软件 编辑:程序博客网 时间:2024/06/11 03:12
微信小程序中踩过的坑
一、input组件的问题:
1、placeholder 文字与 input 的值重叠 暂无解决方法
2、获取焦点 和 失去焦点 时,光标和文字跳动 暂无解决方法
3、当 input 设置为居中对齐时,光标会出现在奇怪的位置 暂无解决方法
4、bindconfirm 事件在失去焦点时也会触发,类似于 blur 暂无解决方法
5、对 input 做动画时,如果是获取焦点状态,会失效 暂无解决方案,因为 input 在获取焦点时是 native 组件,失去焦点后改回 web 组件
6、type 为 idcard, digit 时并不是调用数字键盘 暂无解决方案,目前起作用的只有 number
7、在input聚焦期间,不能做css动画,否则input中的placeholder会错位
如果动画和聚焦都想要的话,那么可以在动画完成之后,在设置聚焦
二、textarea
1、 scroll-view 中不能使用 textarea 组件。swiper和swiper-item是继承scroll-view的,所以在他们里面使用textarea的时候会出现很奇怪的现
象,比如placeholder错位。
解决方法:用view组件替换swiper组件,用微信小程序的wx.animation()实现点击切换效果
除此之外, 在
scroll-view
中也不能使用 map
、canvas
、video
组件。否则会出现很多奇怪的现象阅读全文
0 0
- 微信小程序中踩过的坑 input textarea swiper
- HTML中<input>和<textarea>的区别
- 微信小程序的视图容器—swiper
- INPUT、TEXTAREA以及DIV中控制光标的位置
- css去除ios中input和textarea的阴影
- 微信小程序 swiper 应用
- input和textarea的区别
- 五一、微信小程序开发中踩过的坑(遇到的bug)
- 微信小程序之swiper轮播图
- 微信小程序入门之swiper
- 微信小程序中的swiper组件
- 微信小程序----组件之swiper
- 微信小程序swiper滑动页面
- 微信小程序 自定义 swiper 样式
- 微信小程序swiper使用注意
- 微信小程序之swiper轮播图
- input以及textarea中控制字符串长度
- 控制Input textarea中最多输入长度
- HDU6129 Just do it[组合数学]
- 判断是否有网络,没网直接跳转去设置网络
- 解决 Genymotion 模拟器V5.0以上版本拖拽安装arm translation 后依旧不能正常运行apk的问题
- Spring中的IOC和AOP原理
- JAVA字符串格式化-String.format()的使用
- 微信小程序中踩过的坑 input textarea swiper
- Hanoi双塔问题
- Mysql汉字乱码的问题
- tensorflow读取数据
- Linux tail 命令
- javaScript知识点之this
- centos 7 修改网卡名称
- bzoj 2002 弹飞绵羊 分块
- KMP算法-next数组的应用-循环节问题