收藏
回答

关于textarea的两个属性,真心求解答?

1.cursor-spacing 2.adjust-keyboard-to

这两个属性,前者一知半解,后者一窍不通。希望理解的道友能解惑。

回答关注问题邀请回答
收藏

2 个回答

  • TNT
    TNT
    09-27

    cursor-spacing: 输入框光标与键盘的距离,指的是你获取焦点后,键盘弹起来,键盘顶部距离光标的距离。用于有时候键盘弹起来盖住了输入框光标的情况。

    adjust-keyboard-to: bottom 效果:对齐输入框底部

    adjust-keyboard-to: cursor 效果:默认效果,键盘弹起来,页面上推

    cursor-spacing: 20 效果:输入框光标距离键盘顶部的距离。


    09-27
    有用 1
    回复 12
    • Asakura Hao
      Asakura Hao
      09-27
      感谢你详细的图文解答。


      于项目之中(皆不上推页面的情况)两种使用texarea的情况,1.作为评论浏览的输入框fixed在底部(聚焦时和键盘一起弹出)、2.作为文章文本编写框处于页面之中,这两种情况单独实现目前目前顺利。


      虽实现了功能,以及你的解答,我仍有一个问题就是这两个属性是共用还是分开使用,这么问是因为两个属性皆有设置光标与键盘距离的功能。


      最后乘着大佬在这询问一个实战问题(想实现豆瓣书评编写功能,就是标题与内容两个textarea框在一个scroll-view滚动区域内,这样随着内容的增加最外层滚动条同步移动(换行事件时改变滚动条位置)就能保持一个可视编写区域。


      遇到的问题是
      1.(scorll-view高度动态计算 可视区域高度 - 键盘高度)当内容框textarea超出高度触发滚动时,键盘会失去焦点,点击重新聚焦马上就会失去焦点。
      2. 如果内容区域固定高度,可以输入一定内容,但是也会在输入一定内容后失去焦点)。最后这个问题总结就是scroll-view的滚动对textarea的失去焦点之间的关系。
      09-27
      回复
    • TNT
      TNT
      09-29回复Asakura Hao
      第一个是 建议分开使用。


      第二个 建议贴下豆瓣书评的操作视频,以及你的小程序的操作视频
      09-29
      回复
    • Asakura Hao
      Asakura Hao
      09-29
      再次感谢回答。没法弄腾讯视频,只能弄个两张图给大佬参考下,如无法参考也没事能理解。


      简单描述下现在的问题。模仿豆瓣写书评功能,我的实现方式是scroll-view包裹两个textarea,下面textarea高度根据内容自增高,超出滚动条范围开始设置滚动条位置,保持光标一直在可视区域。功能已实现。(现阶段唯一问题,当下面这个textarea自增到一定高度,会失去一次焦点。每次到那个高度都会。然后聚焦继续输入貌似就不会失焦了。失焦时下面textarea内容高度大概有一个1.2倍屏幕高度 )
      09-29
      回复
    • TNT
      TNT
      09-29回复Asakura Hao
      这个高度的值 有么?打印下scroll-view的scrollTop值。
      09-29
      回复
    • Asakura Hao
      Asakura Hao
      09-29
      大佬 这是我的问题还是说BUG  我提问这两个属性就是往属性的方面想了,我确实摸不着头脑
      09-29
      回复
    查看更多(7)
  • hello world
    hello world
    09-27

    文档上描述的还是详细的吧

    09-27
    有用
    回复 1
    • Asakura Hao
      Asakura Hao
      09-27
      是的,文档字面意思还是很清楚的,就是代码真跑起来给我一种不可控的感觉。我也不知道怎么表达,还是感谢你的回答。
      09-27
      回复
登录 后发表内容