如何通过按textarea中当前行末尾的空格转到下一行

Question

我的textarea设置了这两个相关的样式属性:

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

我想要实现的功能是,当用户按下空格键足够的时间到达textarea的右边缘时,我希望光标移动到下一行.

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>