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页），则页面会切换回（旧页面）。没想到完整的解决方案，但是一些有用的提示对我来说很方便（可能还有将来的编码人员）。谢谢。

已邀请:

3 个回复

弦砂牧扁

我会做类似的事情：在keyup事件上，检查scrollHeight是否大于textarea的高度。如果是，请删除文本区域中的文本，并将其存储在数组中。此数组的值将构成您的\“ pages \”。然后，您需要构建一些UI，以在页面之间来回导航。此解决方案的“有趣”部分将是在中间添加或删除某些内容时如何重排页面。

骂陋冠

分页文本区域是一个可怕的想法。如果我的评论过长，则不必阅读多页内容。我会使用http://plugins.jquery.com/project/TextAreaResizer，这是StackOverFlow在其文本区域中使用的同一插件。它允许用户根据自己的喜好扩展文本区域。

浆错

jQuery.elastic插件将满足您的需求。随着更多的文本输入到文本区域中，它会垂直拉伸文本区域。

要回复问题请先登录或注册

Javascript / Jquery技术：对固定大小的文本区域进行分页，并带有溢出：隐藏

3 个回复

发起人

javascript

jquery

pagination

jquery_pagination

textarea

问题状态

Javascript / Jquery技术：对固定大小的文本区域进行分页，并带有溢出：隐藏

与内容相关的链接

3 个回复

发起人

javascript

jquery

pagination

jquery_pagination

textarea

问题状态