点击目标元素外区域触发事件

    18

常见的弹窗组件中,点击弹窗区域之外关闭弹窗的功能,可通过阻止事件冒泡来方便地实现,而不用这种方式的话,会引入复杂的判断当前点击坐标是否在弹窗之外的复杂逻辑

可以用事件冒泡来实现

document.addEventListener("click", () => {
  // close dialog
});
dialogElement.addEventListener("click", event => {
event.stopPropagation();
});

参考文档

评论区
共有评论 0
暂无评论