Question

当光标位于我的ENTER框中时，您可以看到我在尝试诊断INPUT时发生的情况。

这是我的输入框。

<input type="text" name="addtolist" id = "input" autocomplete="off" autofocus>

这是我的剧本。

$(document).ready(function () {   

    $('.delete').click(function(){
        $(this).parent().fadeOut();
    });

    $('.check').click(function(){
        $(this).parent().toggleClass("inactive");
    });

    $('#input').keyup(function(event){
        if (event.keyCode == 13){
            console.log("lsdkfj");
        };
    });
});

所有发生的事情都是我的页面重新加载 - 这太棒了，但是F5已经为我做了。为什么重新加载而不是console.log？

Answer 1

按Enter键提交表单。您需要正确取消活动。

Answer 2

如果输入是表单，则按Enter键时的默认事件是提交表单。因此，您需要首先阻止默认行为：

$('form').submit(function(e){
  e.preventDefault();
});

现在您的keyup活动应该有效。然后，当您想要提交表单时，您可以将事件附加到某个元素并提交，如下所示：

$('form').submit();

Answer 3

您的输入可能在表单中，如果是，这是表单的默认行为，以防止您需要

$('#myForm').on('submit',function(){return false});

为什么这个jquery重新加载整个页面？

3 个答案: