2010-06-28 192 views
0

有一个想法,现在试图让它发生。JQuery输入焦点操作

想法:有一个带有CSS的几个输入的HTML页面,使它看起来很像纸。比每行结束时将焦点从一个输入移动到下一个输入,因此用户可以在模仿衬纸的页面上继续输入内容。

问题:当输入到达行尾时无法检测或捕获事件,因此无法将焦点从一个字段移动到下一个字段。

我试图利用输入端的maxlength属性但这并没有工作,因为过程中的一些字母比其他人等都以线条从来没有真正“填补了”

可行的解决方案更广泛的:改变输入一个到的DIV内部范围包装文本,计算keyup事件上的跨度宽度,并将其与div的整体宽度相匹配,如果大于,则剪裁文本并将文本移动到下一个div。

问题在于它很混乱,并且可能会导致页面性能下降,这取决于我决定使用的行数。

问题:当可见区域的末端已达到可以触发我的功能时,是否有任何事件可以从输入中抓取?或者,也许有人可以有更好的想法如何实现这?或者我试图重新创建轮子,并已为此写了一些东西(我在Google上找不到任何东西)?

+1

你有没有尝试过在''