onChange 事件未在 Chrome 中的文本框上触发

Question

我有以下代码来绑定一些验证逻辑，以便在用户更新文本框的值时触发。我希望//Do some stuff here 代码将在任何文本框失去焦点时执行。

function RegisterHoursValidationHandlers() {
    $('.topic-frame-body input[type=text]').live('change', function () {
        //Do some stuff here
    });
}

这完全符合我在 IE、Firefox 和 Safari 中的预期。但是，该事件在 Chrome 中永远不会触发，我不知道为什么。

更新：我能够通过将'change' 更改为'blur' 来获得所需的效果。虽然这仍然不能解释为什么它不适合 'change'。

Answer 1

There's no known quirk about chrome。 （所有浏览器都支持更改事件）

Example with live showing it working against dynamic content.

Test it here:

这里有一条信息或假设使这个问题无法解决。

更新：如果将其更改为模糊时它可以工作，则可能是您正在覆盖以前的事件或函数。通过将其更改为模糊，任何覆盖它的东西都不会再覆盖它，因为它是 a different event。

这也可以解释为什么您没有看到任何错误。 （请记住，我相信 jQuery 会将绑定到相同元素的事件链接起来，但 live() 是一种特殊情况 - 但事实可能表明它是函数，而不是事件绑定）

Answer 2

尝试使用 .delegate() 代替 http://api.jquery.com/delegate/

我在 FF 和 Chrome 中都试过你的代码 - http://jsfiddle.net/B3aRy/ - 它在两者中都有效。那么，这可能是您代码中其他地方的问题？

Answer 3

您使用的是什么版本的 Jquery？

我自己看不到问题，但 .live 直到 jquery 1.4+ 才支持“更改”事件

Answer 4

试试：

function RegisterHoursValidationHandlers() {
    $(".topic-frame-body input[type='text']").live('change', function () {
        //Do some stuff here
    });
}

在我的“文本”周围加上引号。值得一试。

或者试试：

$(".topic-frame-body input:text").live();

关键是，我认为问题在于您如何定位输入字段的细节，而不是方法。