小程序如何获取textarea里边内容长度

方法如下

lthtml

ltbody

lttextarea id=t_1 style=width:320pxheight:240pxlt/textarea

lttextarea id=t_2 style=width:320pxheight:240pxlt/textarea

ltscript

var t_O1=document.getElementById(t_1)

var t_O2=document.getElementById(t_2)

function t2t(){

var t_s=t_O1.value

var t_l=t_s.lenh

t_O2.value=长度：+t_l+rn值：+t_s

}

t_O1.onkeydown=t2t

lt/script

lt/body

lt/html

就是小程序上方由胶囊占据的bar，就叫titleBar。

因为我们可以在胶囊左侧写标题和其他一些东西。这些东西要跟胶囊中线对齐。

首先我们要撑起statusBar的高度，也就是最顶部的那个bar。这个bar的高度很容易取得。

uni.getMenuButtonBoundingClientRect().top取得的是胶囊距离视口顶部的距离，减掉statusBar的高度，就是胶囊离statusBar下沿的距离。这个距离乘以2，加上胶囊自身高度，就是titleBar的高度。

见红色部分。

开发者工具中会有略微错位，无妨，以真机为准。

我们希望胶囊左侧空白区域与胶囊有间距，而且间距最好是等于胶囊到右边边线的距离。这个前提下，左侧空白区域的宽度怎么算？

写成组件就是这样：

用法：

演示如何使用作用域插槽：

---