将事件监听加到table上,无法捕获tr触发的事件。
据说与盒子模型相关,以下两则信息也许有用:
1.事件代理介绍:http://www.cnblogs.com/rubylouvre/archive/2009/08/09/1542174.html
2.tr为嘛不行:http://www.cnblogs.com/novus/archive/2010/06/04/1751758.html
您还没有登录,请您登录后再发表评论
`.on()`方法的一个特点是支持事件委托,它允许开发者在父元素上指定一个事件监听器来代理处理子元素上的事件。这种方式在动态添加元素的场景下非常有用,因为动态添加的元素依然可以由委托事件处理器来处理事件。 ...
本文将深入探讨jQuery中的事件处理机制,包括事件绑定、事件触发、事件冒泡与阻止、事件代理等核心概念。 一、事件绑定 在jQuery中,我们常用`on()`方法来绑定事件。基本语法如下: ```javascript $(selector).on...
这里使用了事件委托,因为动态添加的元素在绑定事件时可能尚未存在于DOM中。`$(document)`作为事件代理,确保了即使在元素创建后,事件也能被正确捕获。 在实际项目中,动态添加控件常用于响应用户操作,如添加表格...
### 事件冒泡与阻止冒泡 - **`event.stopPropagation()`**: 阻止事件继续向上冒泡到父元素,防止父元素上的事件处理器被触发。 - **`event.stopImmediatePropagation()`**: 不仅阻止事件冒泡,还阻止同一元素上其他...
这种方式被称为事件代理。当`<tbody>`内的任何`<tr>`元素被点击时,事件会冒泡到`<tbody>`,然后根据选择器判断是否执行事件处理函数。因此,无论是页面初始加载的还是后来动态插入的`<tr>`元素,只要符合选择器,都...
此外,`.on()`还有另一个强大的特性,即事件代理。在处理大量元素的事件绑定时,如上面提到的表格示例,我们可以使用事件冒泡机制,将事件绑定在共同的父元素上,而不是每个子元素,这样可以显著提高性能: ```...
相关推荐
`.on()`方法的一个特点是支持事件委托,它允许开发者在父元素上指定一个事件监听器来代理处理子元素上的事件。这种方式在动态添加元素的场景下非常有用,因为动态添加的元素依然可以由委托事件处理器来处理事件。 ...
本文将深入探讨jQuery中的事件处理机制,包括事件绑定、事件触发、事件冒泡与阻止、事件代理等核心概念。 一、事件绑定 在jQuery中,我们常用`on()`方法来绑定事件。基本语法如下: ```javascript $(selector).on...
这里使用了事件委托,因为动态添加的元素在绑定事件时可能尚未存在于DOM中。`$(document)`作为事件代理,确保了即使在元素创建后,事件也能被正确捕获。 在实际项目中,动态添加控件常用于响应用户操作,如添加表格...
### 事件冒泡与阻止冒泡 - **`event.stopPropagation()`**: 阻止事件继续向上冒泡到父元素,防止父元素上的事件处理器被触发。 - **`event.stopImmediatePropagation()`**: 不仅阻止事件冒泡,还阻止同一元素上其他...
这种方式被称为事件代理。当`<tbody>`内的任何`<tr>`元素被点击时,事件会冒泡到`<tbody>`,然后根据选择器判断是否执行事件处理函数。因此,无论是页面初始加载的还是后来动态插入的`<tr>`元素,只要符合选择器,都...
此外,`.on()`还有另一个强大的特性,即事件代理。在处理大量元素的事件绑定时,如上面提到的表格示例,我们可以使用事件冒泡机制,将事件绑定在共同的父元素上,而不是每个子元素,这样可以显著提高性能: ```...