Javascript 删除内联onclick事件跟踪代码并将其放入外部文件

我有许多跟踪代码附在链接标签上（

onclick=”“

），这些代码分散在我的页面上，看起来非常凌乱

看起来,

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

我想知道是否可以将它们全部删除并移动到外部js文件中，以保持页面的整洁和可读性。如果是，我该怎么做？

当然。考虑：

index.html

<a href="tel:+123456789" id="header-phone">+123456789</a>

---

然后，在index.html的底部，使用

谢谢@wscourge链接app.js，这个jquery是一样的吗<代码>jQuery（“#标题电话”）。单击（函数（）{gtag（'event'，click'，{'event_category'：'phone'，event_label'：'header phone link'}）是的，是的。乐于助人：）

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