如何解决Javascript / Jquery技术:对固定大小的文本区域进行分页,并带有溢出:隐藏
|| 我有一个带有以下CSS的用户输入<textarea id=\'input_text\'>
元素:
#input_text{
height:200px;
overflow:hidden;
border-width:0;
background-color:transparent;
}
\'overflow:hidden \'的主要原因是要避免在文本区域已满时弹出的丑陋滚动条。相反,我希望在文本区域变满时进行分页。实施此方法的最佳方法是什么?我在考虑javascript / jquery,但不确定具体如何。
附加说明:当到达textarea的末尾时,分页会自动发生(新页面),而如果用户退格或单击链接(回到第1页),则页面会切换回(旧页面)。
没想到完整的解决方案,但是一些有用的提示对我来说很方便(可能还有将来的编码人员)。谢谢。
解决方法
我会做类似的事情:
在keyup事件上,检查scrollHeight是否大于textarea的高度。
如果是,请删除文本区域中的文本,并将其存储在数组中。此数组的值将构成您的\“ pages \”。
然后,您需要构建一些UI,以在页面之间来回导航。
此解决方案的“有趣”部分将是在中间添加或删除某些内容时如何重排页面。
,分页文本区域是一个可怕的想法。如果我的评论过长,则不必阅读多页内容。
我会使用http://plugins.jquery.com/project/TextAreaResizer,这是StackOverFlow在其文本区域中使用的同一插件。它允许用户根据自己的喜好扩展文本区域。
,jQuery.elastic插件将满足您的需求。随着更多的文本输入到文本区域中,它会垂直拉伸文本区域。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。