qq_39201064 2022-06-06 14:58 采纳率: 25%
浏览 54

html textarea 分页功能?

公司最近的一个项目,有笔录功能,需要有分页效果,因为笔录的内容不固定的,所以页数也是动态的。

其实翻页效果我通过JS实现了,做法是获取到textarea的scrollHeight值和clientHeight值,如果超高的话就截取内容并且自动跳到下一页。

但是遇到了几个问题。

1.在有多页的情况下,并且用户在内容中间(也就是说不是在最后一页),用户一旦输入内容,后所有子页中的内容都需要跟随改变,功能我也实现了,但是很笨拙,通过onkeyup事件截取内容,把多余的内容加给子页,子页的内容再次截取将多余的内容赋予下一个子页,一直向后推,直到最后一页为止,还考虑到了一个情况,如果最后一页还有超高的情况就新加一页。

2.和问题1情况相反,用户在中间页删除也就是要把所有页数的内容往前推。

3.还有一种视觉效果,比如设置textarea row=20,通过onkeyup事件监测用户输入完成了,多余的内容会显示到第21行,虽然这个是一瞬间的,但是光标会自动定位到当前页的内容尾部。

是一个后端开发,前端知识知道的并不是很多,CSDN我也找了不少,没有对应的例子。往各位给点思路或者用一用别的方式实现。

  • 写回答

1条回答 默认 最新

  • 不甘_ 2022-06-06 15:41
    关注

    应该是页面总体高度达到一定值后页面会分页。

    评论

报告相同问题?

问题事件

  • 创建了问题 6月6日

悬赏问题

  • ¥30 STM32 INMP441无法读取数据
  • ¥100 求汇川机器人IRCB300控制器和示教器同版本升级固件文件升级包
  • ¥15 用visualstudio2022创建vue项目后无法启动
  • ¥15 x趋于0时tanx-sinx极限可以拆开算吗
  • ¥500 把面具戴到人脸上,请大家贡献智慧
  • ¥15 任意一个散点图自己下载其js脚本文件并做成独立的案例页面,不要作在线的,要离线状态。
  • ¥15 各位 帮我看看如何写代码,打出来的图形要和如下图呈现的一样,急
  • ¥30 c#打开word开启修订并实时显示批注
  • ¥15 如何解决ldsc的这条报错/index error
  • ¥15 VS2022+WDK驱动开发环境