我有带有 JS 的动态网页。有一个<textarea> 和一个发送 按钮，但没有<form> 标记。如何在<textarea> 中按下Enter 时触发提交 按钮并清除<textarea>？
【问题讨论】：
标签： javascript html forms
您可以为 textarea 使用 keyup 处理程序（尽管我不建议这样做*）。
[SomeTextarea].onkeyup = function(e){
e = e || event;
if (e.keyCode === 13) {
// start your submit function
}
return true;
}
*为什么不为此使用文本输入字段？ Textarea 特别适用于多行输入，一个用于单行输入的文本输入字段。使用输入处理程序，您可以削弱多行输入。我记得曾经将它用于 XHR（又名 AJAX）聊天应用程序（因此 textarea 的行为类似于 MSN 输入区域），但使用 CTRL-enter 键重新启用了多行输入以换行。这对你来说可能是一个想法吗？监听器将像这样扩展：
[SomeTextarea].onkeyup = function(e){
e = e || event;
if (e.keyCode === 13 && !e.ctrlKey) {
// start your submit function
}
return true;
}
【讨论】：
a || b 的结果将是a 的值，或者如果a 被认为是假的，则结果将是b。因此，在这种情况下，e = e || event 要么将 e 作为参数传递给它自己，要么将 e 设置为 event，从而让这段代码在所有浏览器中工作。
在textarea 中按 Enter 会插入换行符，而不是提交父表单；即使使用常规的表单标签，这也不会以这种方式工作。
不建议尝试解决此行为，因为这会违反用户对文本区域控件在其他网站和其平台上的其他应用程序中的行为方式的期望。
【讨论】：
@Shog9 建议我将我的答案复制到此问题的重复版本： 这忽略的一个问题是用户运行输入法（编辑器） - 例如。非拉丁文本输入。我熟悉的 IME 是 OSX 上的 Kotoeri Hiragana IM，但还有许多其他的日语输入法（Kotoeri 单独有多种不同的输入模式，至少还有一种称为 ATOK 的主要输入模式），除了韩文模式，繁体中文和简体中文，以及许多其他鲜为人知的语言。这些输入法存在于所有主要平台（尤其是 Win、Mac 和 Linux）上。
从与您尝试的代码类似的代码的角度来看，他们引入的问题是，确切的物理按键不一定与用户输入的实际输入相对应。
例如，默认在平假名下键入字符序列toukyou<enter> 将产生字符串とうきょう，请注意结果文本中没有<enter>，因为输入确认组合文本。但除此之外，出现的实际字符序列会随着输入的输入而变化：
t // t
と // to
とう // tou
とうk // touk
とうky // touky
とうきょ // toukyo
とうきょう // toukyou
如果当我在 webkit 中实现此功能时记忆有用，则有必要将 keyDown 上的 keyCode 设置为 229，以便在 IME 中键入所有键（与 IE 兼容）——但我不记得 keyUp 的行为是什么。
还值得注意的是，在某些 IME 中，您不一定会收到 keydowns、keypress 或 keyup。否则您将收到多个。或者它们在输入结束时一起发送。
总的来说，这是目前 DOM 事件实现中非常...不干净...的一部分。
【讨论】：
这是我的解决方案：
在 Javascript 中：
function isEnterPressed(e){
var keycode=null;
if (e!=null){
if (window.event!=undefined){
if (window.event.keyCode) keycode = window.event.keyCode;
else if (window.event.charCode) keycode = window.event.charCode;
}else{
keycode = e.keyCode;
}
}
return (keycode == 13);}
在html中：
<input type="text" onkeyup="if(isEnterPressed(event)){/*do something*/}" />
【讨论】：
您是否有理由不使用表单包装器？
$('#input_id').keypress(function(e){
if(e.which == 13){
$('#form_id').submit();
return false; //prevent duplicate submission
}
});
【讨论】：
textarea 允许用户输入多行文本，因此，按 Enter 只会在文本中插入新行。如果您想要这种行为，请改用普通文本字段
【讨论】：