jquery - on() 无法按预期工作，并且不适用于新加载的内容

Question

我的 chrome 扩展如下：

$(document).ready(function() {
    ...
    $("input[type!='password'], textarea").on("keypress", function (event) {
        ...
    });
});

这对正常加载的内容按预期反应，但不适用于稍后加载的输入或文本区域。

我虽然那是应该做的，但我用错了吗？

我玩过类似的东西试图解决它但没有成功

$(doocument).on("keypress", "input[type!='password'], textarea"....

这是 jsfiddle 中的一个实时示例，第一个输入按预期工作，生成的则没有。

score 2 · Accepted Answer

$(document).on("keypress", "input[type!='password'], textarea", function (event) {
    alert("this works!");
});

侦听器被附加到document，并且任何按键事件都将与input[type!='password']和进行检查textarea。

如果您的 HTML 标记的结构方式是有一个 and 的父容器input[type!='password']，则textarea可以替换$(document)为$('.parent-container')仅在该元素上附加侦听器，而不是整个文档。

编辑：这是一个例子：http: //jsfiddle.net/yz7F5/5/

1 回答 1