javascript onclick页面跳到顶部

Question

点击图片，它会打开一个叠加层。 Ť 他重叠打开但html跳回到顶部。 我尝试过：

javascript:void(0);
javascript: return null;

既不起作用？

这里是我的代码的简短版本

<img onclick="popUp(event,this)" src="images/test/1.jpg"  >

function popUp(e, element) {

    document.getElementById("overlay").style.display = "block";

    return null;
}


#popupWrapper
    background-color: rgba(blue, 0.4)
    display: none
    height: 100%
    left: 0
    position: absolute
    top: 0
    width: 100%

Answer 1

我想你想要

function popUp(e, element) {

    document.getElementById("overlay").style.display = "block";

    return false;
}

或者您也可以使用

function popUp(e, element) {

    document.getElementById("overlay").style.display = "block";

    e.preventDefault();
}

Answer 2

我的猜测是你的代码中的其他地方，有一个事件正在做你不知道的事情。上述代码中的任何内容都不应导致此效果。