删除内联onclick事件跟踪代码，并把它在一个外部文件

Question

我有附加链接标签（onclick=""）许多跟踪代码和这些散见于我的网页，它看起来非常杂乱。

看起来像，

<a href="tel:[phone]" onclick="gtag('event', 'click', { 'event_category': 'Phone', 'event_label': 'Header phone link' });">[phone]</a>

我想知道，如果他们能全部删除并移动到外部JS文件，以保持干净页和可读性。如果是这样，我怎么办呢？

Answer 1

当然。考虑：

的index.html

<a href="tel:[phone]" id="header-phone">[phone]</a>

app.js

document.getElementById("header-phone").addEventListener("click", function() {
  gtag('event', 'click', { 'event_category': 'Phone', 'event_label': 'Header phone link' });
});

然后，在所述的index.html的底部，使用链接的<script> app.js