Простое и элегантное решение:
Во-первых, нажатие Enterвнутри текстовой области не отправляет форму, если у вас нет сценария, чтобы сделать это. Такое поведение ожидает пользователь, и я бы рекомендовал не менять его. Однако, если вы должны сделать это, самый простой подход - найти скрипт, который заставляет 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);