【微信小程序】textarea的一些坑

坑1：组件覆盖优先级

在微信小程序中，textarea是原生组件，所以不管z-index设置多大，其他组件都无法覆盖在textarea上面。 解决方法：

当需要组件在textarea时候，我们可以在textarea失焦的时候将textarea隐藏起来，然后画一个和他外观一样的view，然后点击view时候，view隐藏起来，显示textarea

坑2：textarea内容键盘遮挡

场景： 在键盘弹起前，textarea长度比较长，当输入内容时，键盘弹起会遮挡部分内容 解决方法

在键盘弹起后，计算键盘高度，然后自适应的缩小textarea的高度， //聚焦内容 focus_mes: function (e) { var that = this; var h2 = 980 - e.detail.height * 2; this.setData({ input_height: "height:" + h2 + "rpx;", //textarea的高度 }) }, 还可以调整textarea的cursor-spacing属性，控制光标和键盘的间隔距离

坑3：使用textarea后，弹起键盘导致整个页面推上

在textarea中有adjust-position属性，默认为true，效果是键盘弹起时，自动上推页面。 解决方法：

在textarea中加入adjust-position="{{false}}"