选择 DOM 对象的父对象，并排除所选父对象的子对象

Question

我想在用户点击保存我的应用程序的 DOM 对象时显示一个对话框。

我在想，我只需为所有家长添加一次点击事件，然后触发与之对话。

因为包含了我获取父对象的 DOM 对象，所以即使单击它自身的对象，它也会触发对话。

本质上，我想在父级中打一个洞，以排除用户正在与之交互的 DOM。

我想 mouseleave 然后单击任何其他 dom 对象都会起作用。

有什么建议吗？

Answer 1

$("#container").click(funcion(e) {
    if (this !== e.target) { return; }
    // the user clicked the parent directly (not one of its children)
});

说明：您检查事件目标是否等于#container 元素。如果不是，则意味着单击事件从 #container 的子级之一中冒出来，您只需通过返回来终止该事件。如果是，那么您就按照您的意愿行事。

您可以在我的网站 (w3viewer.com) 上查看其工作原理。单击左下角的“关于”链接。将会弹出一个框。要关闭该框，您必须在其外部单击。