Javascript/Jquery技术:使用溢出:隐藏对固定大小的textarea进行分页
我有一个用户输入Javascript/Jquery技术:使用溢出:隐藏对固定大小的textarea进行分页,javascript,jquery,pagination,textarea,jquery-pagination,Javascript,Jquery,Pagination,Textarea,Jquery Pagination,我有一个用户输入元素,带有以下CSS: #input_text{ height:200px; overflow:hidden; border-width:0; background-color:transparent; } “溢出:隐藏”的主要原因是为了避免在文本区域已满时弹出难看的滚动条。相反,我希望在textarea已满时进行分页。实现这一点的最佳方式是什么?我在考虑javascript/jquery,但不确定具体是如何实现的 其他注意事项:当到达t
元素,带有以下CSS:
#input_text{
height:200px;
overflow:hidden;
border-width:0;
background-color:transparent;
}
“溢出:隐藏”的主要原因是为了避免在文本区域已满时弹出难看的滚动条。相反,我希望在textarea已满时进行分页。实现这一点的最佳方式是什么?我在考虑javascript/jquery,但不确定具体是如何实现的
其他注意事项:当到达textarea末尾时,自动分页(新页面),而如果用户退格或单击指向该页面的链接(返回到第1页),页面将切换回(旧页面)
不期望有完整的解决方案,但一些有用的提示对我来说很有用(可能将来的程序员也是如此)。谢谢 文本区域分页是一个可怕的想法。如果我的评论太长,我就不必翻阅多页来通读了 我会选择StackOverFlow在文本区使用的插件。它允许用户随心所欲地扩展文本区域。该插件将满足您的需求。当更多的文本进入文本区域时,它会垂直拉伸文本区域。我会这样做:
- 在keyup事件上,检查scrollHeight是否大于textarea的高度
- 如果是,请删除文本区域中的文本并将其存储在数组中。此数组的值将构成您的“页面”
- 然后,您需要构建一些UI来在页面中前后导航
这个解决方案的“乐趣”部分是如何在中间添加或删除页面时重新流页面。
页码是什么意思?就像一个完全不同的页面一样?带有溢出:隐藏浏览器会随着光标自动滚动内容。我想这不是你要找的?但那又怎么样?那正是我所想的,谢谢你的建议。欢迎任何进一步的建议!