html - 当文本区域具有焦点时如何在输入时提交表单?

标签 html forms

填写表单的文本区域时,按下回车键时的默认行为是移至下一行。如何更改表单的行为,以便即使用户在文本区域中,它也会在用户按下回车键时提交?

我使用 Firebug 检查 Stack Overflow 的评论文本区域(具有这种行为),但看不到任何实现这种影响的 JavaScript。有没有一种方法可以在不使用 JavaScript 的情况下更改文本区域的行为?

最佳答案

如果没有 JavaScript,您将无法做到这一点。 Stackoverflow 正在使用 jQuery在页面加载时将函数附加到 HTML 元素的 JavaScript 库。

以下是使用普通 JavaScript 的方法:

<textarea onkeydown="if (event.keyCode == 13) { this.form.submit(); return false; }"></textarea>

键码 13 是回车键。

下面是如何像 Stackoverflow 一样使用 jQuery 来完成它:

<textarea class="commentarea"></textarea>

$(document).ready(function() {
    $('.commentarea').keydown(function(event) {
        if (event.which == 13) {
            this.form.submit();
            event.preventDefault();
         }
    });
});

关于html - 当文本区域具有焦点时如何在输入时提交表单?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4418819/

相关文章:

html - Bootstrap : re-arrange panels like a puzzle

html - 创建 90 度三 Angular 形元素

java - 使用表单上的复选框输入将表单数据发送到不同的电子邮件地址

php - 有可用的 PHP 和 jQuery 表单创建和验证库吗?

javascript - 将页面上以一种形式输入的值相加

javascript - jquery css 显示属性设置为 '' “它是有效用法吗?

html - 将文本包裹在自定义形状中

html - 显示 : table 的 CSS 问题

javascript - 如何在 Angular 单击按钮时显示不受欢迎的复选框?

php - 在 PHP 提交的表单中包含 JavaScript 验证