javascript - jQuery 防止默认问题

Question

我有一个有趣的案例:我正在使用 this plugin用于标签输入字段。当我单击 Enter 将标签添加到标签字段时，表单将提交。所以我在下面添加了代码来阻止表单提交:

$(document).ready(function() {
    $(window).keydown(function(event){
        if(event.keyCode == 13) {
            event.preventDefault();
            return false;
        }
    });
});

现在，当我在标签输入中按 Enter 时，不会在该字段中创建新标签。标签插件中使用默认的输入行为。

有没有一种不涉及更改插件的解决方法？

Answer 1

您可以使用 event.target 检查 keydown 事件发生的位置。

$(document).ready(function() {
    $(window).keydown(function(event){
        if(event.keyCode == 13 && !$(e.target).is("input[name=fieldName]")) {
            event.preventDefault();
            return false;
        }
    });
});