在多个文本区域检查keyCode 13 - checking for keyCode 13 in multiple text areas

checking for keyCode 13 in multiple text areas

本文关键字：检查 keyCode 区域文本 | 更新日期: 2023-09-27

我有一个页面，根据正在处理的组有多个表单。所有的表单基本上都是相同的(我刚刚继承了这个项目，所以我没有机会尝试转换为OOP)，有一个用于附加注释的文本区域。问题是有时人们使用回车键来分隔列表。
文本区域标记:

    <label for="banote">Additional Note</label>
    <textarea id="banote" name="banote" class="addNote" rows="3" cols="35"></textarea>

使用Javascript和JQuery，我试图通过一个警告框来防止这种情况:

JS:

$('#banote').keydown(function (e) {
if (e.keyCode == 13) {
    $('#banote').css('border', '1px solid red');
    alert("Do not use the return key in this field");
}
});

作为写它的工作原理，但我不想要为每个文本id写一个单独的脚本。像这样的领域有4个。我试图使用一个类，然后用$(. addnote ')替换$('#banote')，这不起作用。我怎样才能做到不重复呢?

感谢您的帮助。

使用css类选择器应该可以工作

$('.addNote').keydown(function (e) {
    if (e.keyCode == 13) {
        $(this).css('border', '1px solid red');
        alert("Do not use the return key in this field");
    }
});

返回false将完全禁止返回，否则您将提示他们不使用它但允许它

$('.addNote').keydown(function (e) {
    if (e.keyCode == 13) {
        return false;
    }
});

<<p> jsFiddle例子/strong>