textarea 手机端无法换行,在textarea中自动换行

Using jQuery, how can I make a textarea that automatically adds a new line when inserting text when the cursor is near the end.

The width of the textarea is dynamically done via CSS (e.g., #myTextArea { width: 80%; }) so I can't do anything like counting the characters in each line.

I don't need a non-JS solution since the content of the textarea is only ever seen by JavaScript anyways.

解决方案

You can get the calculated pixel width of the text area and the textarea's padding. You can look up the average (or mode, or whatever pleases you) horizontal width of your font. You can make a guess at the kerning. See what I'm getting at? (hint: calculate the line length in characters)

You mentioned counting characters, so I assume you already know how to do that. :-)