javascript - 来自提交的 jquery 处理不正确，event.preventDefault() 不工作

Question

我得到了带有以下 HTML 的表单(在模式窗口中使用 bootbox.js)

<div class="bootbox-body">
    <form id="change_phrase" style="">
        <div class="form-group">
            <label for="phrase_fld">Фраза</label>
            <input type="text" name="dialog_field" class="form-control" id="phrase_fld" placeholder="Enter phrase">
        </div>
    </form>
</div>

我需要使用以下代码在 input 字段中处理 enter 按键:

$(document).on('keyup', '#phrase_fld', function(e){
    e.preventDefault();
    e.stopPropagation();
    console.log(e);     
    if(e.keyCode == 13){                    
      $(this).parent().parent().parent().parent().parent().find('button.btn-success').trigger('click');
     }
 });

但是当我在 #phrase_fld 输入字段中按 enter 时，我重新加载了我的 html 页面并且 ?dialog_field=some+new+phrase在浏览器中附加到我的 url 的查询字符串。也许 e.preventDefault() 不工作？在我的控制台中，我看到 isDefaultPrevented: f。欢迎提出任何解决方法的想法。谢谢。

Answer 1

keyup 事件的默认行为不会触发表单提交。为时已晚。

您需要在 keydown 或 keypress 事件期间捕获它。