如何检测“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: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
复制相关文章
相似问题