javascript - 如何通过在textarea中当前行末尾按空格键转到下一行

Question

我的文本区域设置了这两个相关的样式属性:

white-space: pre-wrap;
word-wrap: break-word;

我想要实现的功能是，当用户按下空格键足够多次到达文本区域的右边缘时，我希望光标移动到下一行。

Answer 1

我做了“用 JS 破解”……这很简单:

var keypress = function(event){
  var textarea = event.target;
  var content = textarea.value;
  var cols = textarea.cols + 1;
  if(content.length % cols === textarea.cols){ textarea.value += '\n'; }
}, textareas = document.getElementsByTagName('textarea');
for(var t = 0; t < textareas.length; t += 1){
  var textarea = textareas[t];
  textarea.addEventListener('keyup', keypress);
  textarea.addEventListener('keydown', keypress);
}

textarea {
  white-space: pre-wrap;
  word-wrap: break-word;
}

<textarea cols="20" rows="10"></textarea>