如何检测“Shift+Enter”并在TextArea中生成新行？
如何检测“Shift+Enter”并在TextArea中生成新行？
提问于 2018-03-26 06:06:16
目前，如果该人enter在文本区域内按下，表单将提交。 好，我想要。
但是当他们键入shift+时enter，我希望textarea移动到下一行：\n
我怎样才能做到这一点JQuery或简单的JavaScript尽可能简单？
回答 2
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用户
发布于 2018-03-26 15:16:31
首先，Enter在textarea里面按压不会提交表单，除非你有脚本来完成它。这是用户期望的行为，我建议不要改变它。但是，如果你必须这样做，最简单的方法是查找Enter提交表单并更改它的脚本。代码会有类似的东西
if (evt.keyCode == 13) {
form.submit();
}
...你可以改变它
if (evt.keyCode == 13 && !evt.shiftKey) {
form.submit();
}
如果你由于某种原因无法访问此代码，则需要执行以下操作，以使其在所有主流浏览器中都能正常工作，即使插入符号不在文本末尾：
的jsfiddle：http://jsfiddle.net/zd3gA/1/
码：
function pasteIntoInput(el, text) {
el.focus();
if (typeof el.selectionStart == "number"
&& typeof el.selectionEnd == "number") {
var val = el.value;
var selStart = el.selectionStart;
el.value = val.slice(0, selStart) + text + val.slice(el.selectionEnd);
el.selectionEnd = el.selectionStart = selStart + text.length;
} else if (typeof document.selection != "undefined") {
var textRange = document.selection.createRange();
textRange.text = text;
textRange.collapse(false);
textRange.select();
}
}
function handleEnter(evt) {
if (evt.keyCode == 13 && evt.shiftKey) {
if (evt.type == "keypress") {
pasteIntoInput(this, "\n");
}
evt.preventDefault();
}
}
// Handle both keydown and keypress for Opera, which only allows default
// key action to be suppressed in keypress
$("#your_textarea_id").keydown(handleEnter).keypress(handleEnter);
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/-100007788
复制相关文章
相似问题