Question

我正在建立一个我在这里托管的网站：

http://whendoesitair.info/

我在目标网页上遇到了两个问题。

1。）右键单击div外部时，右键单击上下文菜单是非标准的。 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>

这就是我在我的着陆页中加载粒子的方式，在我的

中

Landingpage.component.ts

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

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

ParticlesJS无法点击的区域，错误的上下文框

0 个答案: