Javascript ParticlesJS不可点击区域，上下文框错误_Javascript_Html_Css_Angular_Particles.js

Javascript ParticlesJS不可点击区域，上下文框错误

javascript html css angular

Javascript ParticlesJS不可点击区域，上下文框错误,javascript,html,css,angular,particles.js,Javascript,Html,Css,Angular,Particles.js,我正在建立一个我在这里主持的网站：我在登录页上遇到了两个问题 1。）在分区外单击鼠标右键时，右键单击上下文菜单是非标准的。E.x：下面是一个正确行为的示例，我正试图让它发生在您右键单击的任何位置： 2。）另一个（次要）问题是，当您左键直接单击div的右侧或左侧时，粒子将不会产生任何影响。例如，单击标题标记或搜索框的右侧或左侧以下是我如何在我的 index.html <!doctype html> <html lang="en"> <h

我正在建立一个我在这里主持的网站：

我在登录页上遇到了两个问题

1。）在分区外单击鼠标右键时，右键单击上下文菜单是非标准的。E.x：

下面是一个正确行为的示例，我正试图让它发生在您右键单击的任何位置：

2。）另一个（次要）问题是，当您左键直接单击div的右侧或左侧时，粒子将不会产生任何影响。例如，单击标题标记或搜索框的右侧或左侧

以下是我如何在我的

index.html

<!doctype html>
<html lang="en">

<head>
  <meta charset="utf-8">
  <title>WhenDoesItAir</title>
  <base href="/">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="icon" type="image/x-icon" href="favicon.ico">
</head>

<body style="display: block; height: 0vh; z-index: 5;">
  <app-root></app-root>
    <div id="particles-js" style="position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; z-index: -5;">
  </div>
  <script src="https://cdn.jsdelivr.net/particles.js/2.0.0/particles.min.js"></script>
</body>

</html>

当用户右键单击时，如何提供正确的上下文菜单？或者，当粒子与div重叠时，如何修复粒子行为

  declare var particlesJS: any;
  ngOnInit(): void {
    // particles
     particlesJS.load('particles-js', 'particles.json', null);
  }