Question

所以我试图在PIXI js上创建一个类似于“弹出窗口”的组件，所以发生的事情是我有一个按钮，单击该按钮，然后切换该容器的可见性。

现在我的问题是，我想要它，所以如果我在容器外部单击，该容器将关闭。我在这里尝试了大多数活动：https://help.mulesoft.com/s/article/How-to-force-DataWeave-to-return-Long-number

但是我找不到我想要的东西。

问题在于我不能只在该容器外添加事件，因为我也有很多其他组件。

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

更新：我的项目中没有任何HTML元素（由我编写），它们全部由PIXIjs在画布内处理，我正在使用https://pixijs.download/dev/docs/PIXI.interaction.InteractionManager.html / Container用于查看/布局。

Answer 1

下面是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

          }
        }
      });

点击外部-PIXI JS

1 个答案: