javascript onclick頁面跳至頂部

Question

在img上單擊它會打開一個覆蓋圖。 覆蓋打開，但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

我的猜測是在代碼的其他地方，有一個事件正在做您不知道的事情。 所提到的代碼中的任何內容都不應引起這種效果。