IE输入不同行为选择文字与否

Question

我发现 IE 中的文本输入行为非常奇怪。 我想在表单提交时更改光标，可以通过按回车键来完成。

/* IE hack for on enter submit */
$('input').live('keydown', function(e){
    if (e.keyCode == 13) {
        $(this).parents('form').find(".submit").trigger("click");
        return false;
    }
});

由于 IE 在移动后更改光标，我必须通过将页面特殊类上的所有元素分配给光标来破解它：进度；让它立即工作。

$("form.ajax").live("submit", function () {
    $("#load_dialog").show(); /show loading dialog
    if($.browser.msie){ /IE hack
        $("*").addClass("waiting"); /assign class with loading cursor
    }
    $(this).ajaxSubmit(); /submit a form
    return false;
});

这很好用，但有一个奇怪的问题。 当我单击输入（选择文本）并按 Enter 而不更改文本时，会出现加载光标（重复），但是当我编辑文本然后按 Enter 时，光标不会改变。

你不知道为什么吗？

Answer 1

我会改变这个：

$('input').live('keydown', function(e){
    if (e.keyCode == 13) {
        $(this).parents('form').find(".submit").trigger("click");
        return false;
    }
});

到这里：

$('input').live('keydown', function(e){
    var key = e.keyCode || e.which;
    if (key === 13) {
        $(this).parents('form').submit();
        return false;
    }
});

或者，如果您使用的是 jQuery 1.7，则应该首选 on 而不是 live，因为后者已被弃用且效率低下

$(document).on('keydown', 'input', function(e){
    var key = e.keyCode || e.which;
    if (key === 13) {
        $(this).parents('form').submit();
        return false;
    }
});

对于 pre-1.7 delegate 是次优：

$(document).delegate('input', 'keydown', function(e){