jQuery on vs 绑定(bind)无效事件类型

Question

给定以下 HTML:

<form>
  <input type="number" required>
</form>

以下 JavaScript 运行良好:

(function( jQuery ) {

    jQuery("input").bind("invalid", function(event) {
        console.log(event.type);
    });

})( jQuery );  

但是这段 JavaScript 代码没有:

(function( jQuery ) {

    jQuery("form").on("invalid", "input", function(event) {
        console.log(event.type);
    });

})( jQuery );

有人知道为什么吗？

编辑:更新了 fiddle 以纠正一个:http://jsfiddle.net/PEpRM/1

Answer 1

无效事件不会冒泡，documentation 中是这样说的。 ，因此委托(delegate)事件处理程序将无法工作，因为事件不会冒泡。

这应该有效

jQuery("form input").on("invalid", function(event) {
    console.log(event.type);
});