Javascript 如何在jQuery中指定在对象中组合了on事件的目标元素

当我想为单个jQuery事件指定目标元素时，我是这样做的：

$(".foo").on("click", ".foo-child", function(...));

其中

.foo child

是我的目标元素。但是如何为一个对象中组合的多个事件指定目标元素呢

$(".foo").on({
    click: function(...),
    hover: function(...),
    focus: function(...)
});

---

可以将动态元素选择器作为第二个参数传递，如

$（“.foo”）。在({
单击：函数（）{
snippet.log（'单击'）
},
鼠标指针：函数（e）{
snippet.log（'mouseenter'）
},
鼠标移动：功能（e）{
snippet.log（'mouseleave'）
},
焦点：函数（）{
snippet.log（'focus'）
}
}","福娃",

1.
2.
3.
您可以将动态元素选择器作为第二个参数传递，如


$（“.foo”）。在({
单击：函数（）{
snippet.log（'单击'）
},
鼠标指针：函数（e）{
snippet.log（'mouseenter'）
},
鼠标移动：功能（e）{
snippet.log（'mouseleave'）
},
焦点：函数（）{
snippet.log（'focus'）
}
}","福娃",

1.
2.
3.

如何为对象中组合的多个事件指定目标元素

$(".foo").on({
    click: function(...),
    hover: function(...),
    focus: function(...)
});

无需对
上的
进行单个调用，也无需指定多个不同的事件+目标对，因为您可以使用链接多次调用
上的
：

$(".foo")
    .on("click", ".foo-child-click", function(...))
    .on("hover", ".foo-child-hover", function(...))
    .on("focus", ".foo-child-focus", function(...));

您可以为每个事件指定多个目标，例如：

$(".foo")
    .on("click", ".foo-child-click,.foo-child-hover,.foo-child-focus", function(...))

如何为对象中组合的多个事件指定目标元素

$(".foo").on({
    click: function(...),
    hover: function(...),
    focus: function(...)
});

无需对
上的
进行单个调用，也无需指定多个不同的事件+目标对，因为您可以使用链接多次调用
上的
：

$(".foo")
    .on("click", ".foo-child-click", function(...))
    .on("hover", ".foo-child-hover", function(...))
    .on("focus", ".foo-child-focus", function(...));

您可以为每个事件指定多个目标，例如：

$(".foo")
    .on("click", ".foo-child-click,.foo-child-hover,.foo-child-focus", function(...))

使用以下代码：

$("foobar").on({
    mouseenter: function() {

    },
    mouseleave: function() {

    },
    click: function() {

    }
}, "body");

使用以下代码：

$("foobar").on({
    mouseenter: function() {

    },
    mouseleave: function() {

    },
    click: function() {

    }
}, "body");

看起来我在前面的注释中错放了处理程序和选择器。这是工作小提琴

这里
看起来像是我在前面的注释中错放了处理程序和选择器。这是工作小提琴

此处
，因此它只能是所有事件的一个目标元素。我的意思是，我不能为每个事件指定多个不同的目标，所以它只能是所有事件的一个目标元素。我的意思是我不能为每个事件指定几个不同的目标？