jquery - $ ("#input").keyup 无法像 $(document).keyup 那样工作

Question

在 Chrome 30.0.1599.101 和 IE 11 中，输入选择器无法在 Firefox 25.0.1 中正常工作

在 Chrome/IE 中损坏:

$(document).ready(function () {
    $("#input").keyup(function (e) {
        var dataString = $(this).val();
        console.log(dataString);
    });
});

在 Chrome/IE 中工作:

$(document).ready(function () {
    $(document).keyup(function (e) {
        var dataString = $("#input").val();
        console.log(dataString);
    });
});

然而这个 fiddle 适用于所有浏览器...... http://jsfiddle.net/f82Dz/1/

谢谢

Answer 1

这能解决问题吗？如果输入是在页面首次加载后动态添加的，则需要委托(delegate)该事件:

$(document).ready(function () {
    $(document).on('keyup', '#input', function (e) {
        var dataString = $("#input").val();
        console.log(dataString);
    });
});

<强> Updated JSFiddle

事件处理程序仅绑定(bind)到绑定(bind)事件时存在的 DOM 元素 - 在本例中为 $(document).ready()。如果您的输入当时不存在，并且稍后通过 AJAX 或其他方法添加，则您需要使用事件委托(delegate)，如本例所示。

如果这不起作用，您需要提供更多上下文/信息。