IE 输入不同行为选择文本或不选择文本

Question

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

/* 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){