javascript - jQuery 热键插件提交表单在输入时不起作用

Question

我有一个包含一堆小表单的页面。我想动态分配一个热键来提交每个表单。代码如下:

HTML

<form:form id="formCtrlr" action="review.html">
    <input name="id" type="hidden" value=""/>
</form:form>
<form:form id="formCtrls" action="save.html">
    <input name="id" type="hidden" value=""/>
</form:form>

...许多其他像这样的小形式，每个都有一个与热键相关的唯一 ID...

jQuery

$('[id^="formCtrl"]').each(function() {
    var me = $(this);
    var myId = me.attr("id");
    var keyBinding = myId.replace("form", "").replace(/(.{4})/g,"$1+");

    $(document).bind('keydown', keyBinding, function (evt){ 
        evt.stopPropagation();
        evt.preventDefault();
        $("#"+myId).submit();
        return false;
    });
});

简单吧？但是页面上也有几个文本输入，如果用户在其中一个字段中输入并按下其中一个热键，则不会提交相应的表单，实际上如果热键与浏览器匹配，例如 Ctrl-s显示保存对话框。知道如何阻止这种情况发生吗？

Answer 1

我猜测热键事件被输入捕获然后被阻止。尝试将事件直接添加到输入中，而不是添加到表单中。