是否阻止在单击按钮转到同一页面链接时重新加载页面

Question

我想阻止一个类似链接的HTML按钮重新加载页面

例如：如果您在主页中，请在单击徽标时阻止重新加载网站。

我该怎么做？

完整代码：https://codepen.io/Muh-Ail/pen/oNpLKXM?editors=0010

let activeBtn = document.querySelector(".active-btn");
let currentLocation = location.href;
if (activeBtn.href === currentLocation) {
activeBtn.preventDefault();
}

Answer 1

使用此替代

let activeBtn = document.querySelector(".active-btn");
let currentLocation = location.href;

if (activeBtn.href === currentLocation) {
activeBtn.addEventListener('click',function(e){
e.preventDefault();
});
}

Answer 2

您必须使用来自侦听器ele.addEventListener("click", function (e)的e.preventDefault();；

此外，你应该用包装js

document.addEventListener("DOMContentLoaded", () => {
// code here
});

您应该添加不同的链接以便能够查看。