(click) 只在 Chrome 工作，不在其他工作

Question

我创建了一个 Angular 网络应用程序，

现在，当我在 Chrome 中浏览此站点时，一切正常，但在其他浏览器（如 Edge 和 Firefox）中，当我在我的应用程序中单击侧边导航中的元素时，没有任何反应，添加一些 console.log("hi") 我找到问题了。

在 github

上看到这一行

应触发点击事件。

(打字稿)

如这一行所写，该事件应打印在控制台中。它在 Chrome 和 UC 浏览器 PC 中工作正常，但在 Firefox 和 Edge 中不工作。

当我单击侧边导航中的任何项目时，代码将其记录在 chrome 的控制台中，但在 Firefox 中，控制台是空的，没有任何反应。

同时打开您的 Chrome 控制台和 Firefox 控制台并单击侧边栏项目，请给我您宝贵的建议。

Answer 1

似乎与angular无关。

查看 HTML5 standart 中的按钮定义

Content model: Phrasing content, but there must be no interactive content descendant.

<button>
  <div (click)="fetchCode()">
    Click me but i won't work in Firefox in IE
  </div>
</button>

点击子元素不起作用，因为它嵌套在按钮内。

您可以将点击事件移动到按钮

<button (click)="fetchCode()">
  <div>
    This should work
  </div>
</button>

或使用其他标签代替按钮

<div class="button" >
  <div (click)="fetchCode()">
    This also should work
  </div>
</div>

另见

(click) only working in Chrome not working in others