我的event.preventDefault（）不会阻止href发生

Question

我遇到了Javascript的问题，我用区域制作了一个图像，我想在点击其中一个区域时发生一些事情。

首先，当我点击时，事件发生了，页面似乎立即“重新加载”。经过一些研究后，我尝试添加event.preventDefault()因为我认为href=""是问题所在，并且href="404"确认了它。但是event.preventDefault()并没有阻止href的发生。

我试过了：

document.getElementsByClassName("D").onclick = function () {myFunction()}; function () {myFunction2()};

function myFunction(){
stopImmediatePropagation() ;
event.preventDefault();
}

function myFunction2() {
$('.a1').addClass('visible');
$('.a1').removeClass('dissimule');

}

和

document.getElementsByClassName("D").onclick = function () {myFunction()};

function myFunction(){
event.preventDefault();
$('.dissimule').addClass('visible');
$('.dissimule').removeClass('dissimule');
}