jquery - 在 .on() 方法事件映射中使用选择器的语法？

Question

我正在尝试使用事件映射创建一个 .on() 方法。我想将其更改为: $("ul").on("click", "li", function() {...}); 为如下所示:

$("ul").on({
    click: function() {...},
    mouseenter: function() {...},
    mouseleave: function() {...}
});

我应该将选择器“li”放在事件映射中的什么位置？

Answer 1

您只需像往常一样将其作为第二个参数即可:

$("ul").on (
  {
    click: function() { ... },
    mouseenter: function() { ... },
    mouseleave: function() { ... }
  },
  'li'
);

From the docs :

.on( events-map [, selector] [, data] )

events-map A map in which the string keys represent one or more space-separated event types and optional namespaces, and the values represent a handler function to be called for the event(s).

selector A selector string to filter the descendants of the selected elements that will call the handler. If the selector is null or omitted, the handler is always called when it reaches the selected element.

data Data to be passed to the handler in event.data when an event occurs.

[] 中的参数是可选的。因此，如果您不传递选择器，事件将绑定(bind)到 jQuery 对象中的元素，在本例中为页面上的所有 ul 元素。但是，如果提供了选择器，则 jQuery 对象中的元素将为选择器匹配的元素集处理事件委托(delegate)。即，当与作为 jQuery 对象中该元素的后代的选择器匹配的元素上发生事件时，一旦该事件向上冒泡到父级，就会调用该事件处理程序。请注意，这意味着如果事件传播在到达父级之前被取消，则不会调用事件处理程序。