Javascript 单击外部-PIXI JS

所以我试图在PIXI js上创建一个“弹出式”组件，所以我有一个按钮，点击按钮，切换容器的可见性

现在我的问题是，我想要它，所以如果我在容器外单击，容器将关闭。我在这里尝试了大部分活动：

但我没能找到我想要的

问题是我不能只在容器外添加事件，因为我还有很多其他组件

这里的任何人都可能有这样的想法或图书馆

---

更新：我的项目中没有任何HTML元素（由我编写），它们都是由画布中的PIXIjs处理的，我使用/来查看/布局。

下面是javascript工作代码

window.addEventListener('click', function (e) {
        if (document.getElementById('container_id')) {
          if (document.getElementById('container_id').contains(e.target)) {
            // Clicked in box

          } else {
            // Clicked outside the box

          }
        }
      });

---

下面是javascript工作代码

window.addEventListener('click', function (e) {
        if (document.getElementById('container_id')) {
          if (document.getElementById('container_id').contains(e.target)) {
            // Clicked in box

          } else {
            // Clicked outside the box

          }
        }
      });

---

我很抱歉不清楚，但我的项目中没有任何html元素（由我编写），我使用PIXI js并在画布上绘制，因此这不是我要寻找的答案-这可能对html元素的其他用法有用。我更新了这个问题。我很抱歉不清楚，但我的项目中没有任何html元素（由我编写），我使用PIXI js并在画布上绘制，因此这不是我要寻找的答案-这可能对html元素的其他用法有用。我更新了问题。