有一个想法，现在试图实现它 .
想法：拥有一个带有CSS输入的HTML页面，使其看起来像带衬纸 . 比在每行的末尾将焦点从一个输入移动到下一个输入，以便用户可以在模仿衬纸的页面上继续输入 .
问题：当输入到达行尾时无法检测或捕获事件，因此无法将焦点从一个字段移动到下一个字段 .
我尝试在输入上使用maxlength属性，但这不起作用，因为当然有些字母比其他字母宽，所以这些线条从未真正“填满”
可能的解决方案：将输入更改为包含文本的内部 Span ，在keyup事件上计算span的宽度，并将其与div的整体宽度相匹配，如果大于修剪文本并将文本和焦点移动到下一个div .
问题就是它的混乱，并且可能会导致页面性能不佳，具体取决于我决定使用的行数 .
问题：当达到可视区域的末尾时，我是否可以从输入中获取任何事件以触发我的功能？或者也许有人可以更好地了解如何实现这个？或者我正在尝试重新创建轮子并且已经写了一些东西（我在Google上找不到任何东西）？
2 回答
在每个keyup触发一个函数来计算输入字段中的字符数 . 如果达到极限，请将焦点移至下一行:)
以下是在文本区域使用样式的示例 . 也可以加载一个漂亮的手写字体 .
http://stuff.alphaready.com/notepad/index.html