javascript - 单击 Enter 按钮而不进行任何更改

Question

我正在创建一个包含多个标签的表单，并且使用了此 javascript，这样我就可以单击键盘中的 Enter 按钮，而无需跳转到提交按钮(在表单中)，以下内容运行良好，但仅在 1 个标签中，如何在不复制并粘贴更改标签 ID 的情况下将其用于所有标签？

<script>
    $(document).ready(function() {
        $('#text1').keydown(function(event){
            if(event.keyCode == 13) {
                event.preventDefault();
                document.getElementById("text1").value = document.getElementById("text1").value + "\n";
                return false;
            }
        });

        $('#text2').keydown(function(event){
            if(event.keyCode == 13) {
                event.preventDefault();
                document.getElementById("text2").value = document.getElementById("text2").value + "\n";
                return false;
            }
        });
    });

    ...
    ...

</script>

Answer 1

由于您将按键监听器绑定(bind)到 $('#text1') 和 $('#text2')，因此它只会在您按下按键时监听同时关注这些元素。

您必须将监听器绑定(bind)到一个不同的选择器来捕获所有输入，例如:

$('.form-class input').keydown(function(event){
    if(event.keyCode == 13) {
        event.preventDefault();
         ...
    }
});