如何检测“Shift+Enter”并在TextArea中生成新行？
如何检测“Shift+Enter”并在TextArea中生成新行？
提问于 2018-03-26 06:06:16
目前，如果该人enter在文本区域内按下，表单将提交。 好，我想要。
但是当他们键入shift+时enter，我希望textarea移动到下一行：\n
我怎样才能做到这一点JQuery或简单的JavaScript尽可能简单？
Stack Overflow用户
发布于 2018-03-26 15:03:58
改变代码工作，不管脱字号位置
代码的第一部分是获取插入位置。
function getCaret(el) {
if (el.selectionStart) {
return el.selectionStart;
} else if (document.selection) {
el.focus();
var r = document.selection.createRange();
if (r == null) {
return 0;
}
var re = el.createTextRange(), rc = re.duplicate();
re.moveToBookmark(r.getBookmark());
rc.setEndPoint('EndToStart', re);
return rc.text.length;
}
return 0;
}
然后在Shift+时Enter一起替换textarea的值，如果Enter单独按下，则提交表单。
$('textarea').keyup(function (event) {
if (event.keyCode == 13) {
var content = this.value;
var caret = getCaret(this);
if(event.shiftKey){
this.value = content.substring(0, caret - 1) + "\n" + content.substring(caret, content.length);
event.stopPropagation();
} else {
this.value = content.substring(0, caret - 1) + content.substring(caret, content.length);
$('form').submit();
}
}
});
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/-100007788
复制相关文章
相似问题