我有很多跟踪代码附加到链接标签 (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>
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
关于javascript - 删除内联 onclick 事件跟踪代码并将其放在外部文件中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51540105/