Javascript 使用一个侦听器而不是数百个侦听器

Javascript 使用一个侦听器而不是数百个侦听器,javascript,javascript-events,mouselistener,Javascript,Javascript Events,Mouselistener,现在我有了这个,它是有效的: $(document).on('mouseenter', 'td', mouseEnter) function mouseEnter() { } 但我认为这是将事件侦听器附加到每个表单元格 问:我如何编写它,使它只使用一个侦听器?这是一个侦听器。此代码将附加到每个表格单元格: $("td").on("mouseenter", function(e) { //do stuff }); 你的代码是正确的。实际上,发生的是mouseenter事件在DOM中“冒

现在我有了这个,它是有效的:

$(document).on('mouseenter', 'td', mouseEnter)
function mouseEnter() {
}
但我认为这是将事件侦听器附加到每个表单元格


问:我如何编写它,使它只使用一个侦听器?

这是一个侦听器。此代码将附加到每个表格单元格:

$("td").on("mouseenter", function(e) {
    //do stuff
});
你的代码是正确的。实际上,发生的是mouseenter事件在DOM中“冒泡”,直到它到达顶部,即“文档”。当它到达那里时,您的代码检查事件来自何处,并且只有当它是TD元素时才会激发


这尤其好,因为即使您在文档中添加了一个新的TD,它仍然适用-此侦听器将拾取鼠标事件,而无需您执行另一个“打开”。

这是一个侦听器。此代码将附加到每个表格单元格:

$("td").on("mouseenter", function(e) {
    //do stuff
});
你的代码是正确的。实际上,发生的是mouseenter事件在DOM中“冒泡”,直到它到达顶部,即“文档”。当它到达那里时,您的代码检查事件来自何处,并且只有当它是TD元素时才会激发


这尤其好,因为即使您在文档中添加了一个新的TD,它仍然适用-此侦听器将拾取鼠标事件,而无需您执行另一个“打开”。

这是一个侦听器。此代码将附加到每个表格单元格:

$("td").on("mouseenter", function(e) {
    //do stuff
});
你的代码是正确的。实际上,发生的是mouseenter事件在DOM中“冒泡”,直到它到达顶部,即“文档”。当它到达那里时,您的代码检查事件来自何处,并且只有当它是TD元素时才会激发


这尤其好,因为即使您在文档中添加了一个新的TD,它仍然适用-此侦听器将拾取鼠标事件,而无需您执行另一个“打开”。

这是一个侦听器。此代码将附加到每个表格单元格:

$("td").on("mouseenter", function(e) {
    //do stuff
});
你的代码是正确的。实际上,发生的是mouseenter事件在DOM中“冒泡”,直到它到达顶部,即“文档”。当它到达那里时,您的代码检查事件来自何处,并且只有当它是TD元素时才会激发


这一点特别好,因为即使您在文档中添加了一个新的TD,它仍然适用-此侦听器将拾取鼠标事件,而您无需执行另一个“打开”操作。

您可以使用,并将其附加到表中,但不附加到单元格,因此每次输入表中的任何单元格时,都会触发此事件,并将其附加到表中,但不附加到单元格,因此每次输入表中任何可以使用的单元格时,都会触发此事件,并将其附加到表中,但不附加到单元格,因此每次输入表中任何可以使用的单元格时,都会触发此事件,并将其附加到表中,但不附加到单元格,因此,每次输入表格的任何单元格时,都会触发此事件

您只需要一个表格单元格上有一个侦听器,或者所有表格单元格上只有一个mouseEnter函数。我想你已经有了后者。哦,好的。我想我毕竟遵循了正确的模式。谢谢您只需要一个表单元格上有一个侦听器,或者所有表单元格上只有一个mouseEnter函数。我想你已经有了后者。哦,好的。我想我毕竟遵循了正确的模式。谢谢您只需要一个表单元格上有一个侦听器,或者所有表单元格上只有一个mouseEnter函数。我想你已经有了后者。哦,好的。我想我毕竟遵循了正确的模式。谢谢您只需要一个表单元格上有一个侦听器,或者所有表单元格上只有一个mouseEnter函数。我想你已经有了后者。哦,好的。我想我毕竟遵循了正确的模式。谢谢