微信小程序中textarea与input的问题怎么解决


这篇文章主要讲解了“微信小程序中textarea与input的问题怎么解决”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“微信小程序中textarea与input的问题怎么解决”吧!问题:只为textarea绑定bindkeyboardheightchange事件,input也会触发textarea的bindkeyboardheightchange事件,并且触发所携带的参数都是textarea上面的参数机型:安卓必现解决办法:未找到解决办法问题:当把textarea和input的hold-keyboaed属性设置为true时,并且input中有一个type不为text时,连续切换会把键盘上方的完成卡住,并且不会再聚焦textarea机型:安卓必现解决办法:1. 通过show-confirm-bar不显示textarea键盘抬起时上方的完成按钮,2. input的type都设置为text,3. 不设置hold-keyboaed为true问题:当有fixed元素时,无论设置多少z-index值,textarea组件都会穿透该fixed元素机型:安卓偶现玄学点:有时是不会出现的,但当我重新编译、扫码预览时,就会出现textarea穿透问题,并且之后都会一直出现,但当我把小程序在手机上删除后,重新编译扫码就有几率不会出现该问题解决办法:当遇到需要fixed元素盖住textarea时,可以当fixed元素出现时,将textarea隐藏或者变成view元素问题:当只给textarea绑定bindfocus事件,进入页面先点击textarea后,再马上点击input会触发textarea的focus事件机型:安卓偶现解决办法:可以通过focus去动态的控制textarea的聚焦情况,并且尽量不设置input的type为number类型问题:在键盘抬起过程中如果通过bottom或translateY手动抬起page页面时,并设置了transition动画属性,会导致textarea的placeholder闪动机型:安卓必现解决办法: 判断机型,ios添加transition属性,安卓机器不添加transition属性问题:textarea绑定bindkeyboardheightchange事件,并且使用了自带的完成时,点击完成时不会触发bindkeyboardheightchange事件机型:安卓偶现解决办法:未找到解决办法问题:当textarea的auto-height属性为true时,会导致使用selectComponet获取高度时出现问题,有时是没有内容的一排初始高度,有时是textarea的默认高度机型:ios和安卓解决办法:动态控制auto-height的值,或使用定时器延迟获取高度问题:多次触发bindkeyboardchange事件,从事件中获取的keyboardHeight高度不一致,有时是带了完成的高度,免费云主机域名有时是没有带完成的高度机型:安卓偶现解决办法:未找到解决办法问题:通过selectComponet获取元素的高宽或位置时,会默认保留全部小数,大概为16位,有几率导致动画出现混乱机型:ios和安卓偶现解决办法:js语言本身就有精度问题,所以在通过selectComponent获取到数据后,最好只保留两位小数来进行处感谢各位的阅读,以上就是“微信小程序中textarea与input的问题怎么解决”的内容了,经过本文的学习后,相信大家对微信小程序中textarea与input的问题怎么解决这一问题有了更深刻的体会,具体使用情况还需要大家实践验证。这里是百云主机,小编将为大家推送更多相关知识点的文章,欢迎关注!

相关推荐: centOS7该怎么安装docker

本篇内容主要讲解“centOS7该怎么安装docker”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“centOS7该怎么安装docker”吧!首先准备一台linux系统。docker需要一个64位系统的系统免费云主…

免责声明:本站发布的图片视频文字,以转载和分享为主,文章观点不代表本站立场,本站不承担相关法律责任;如果涉及侵权请联系邮箱:360163164@qq.com举报,并提供相关证据,经查实将立刻删除涉嫌侵权内容。

Like (0)
Donate 微信扫一扫 微信扫一扫
Previous 05/09 17:37
Next 05/09 17:38

相关推荐