javascript onclick 页面跳转到顶部答案

【问题标题】：javascript onclick page jumps to topjavascript onclick 页面跳转到顶部
【发布时间】：2014-11-01 07:41:24
【问题描述】：

点击 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%

【问题讨论】：

图片是否带有链接？
不。还没有；）我会试试这个
不，你不需要链接 :)
其实我没有 :(
您是否使用“#”作为链接的 href？

标签： javascript html css sass

【解决方案1】：

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

【讨论】：

【解决方案2】：

我想你想要

function popUp(e, element) {

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

    return false;
}

或者你也可以使用

function popUp(e, element) {

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

    e.preventDefault();
}

【讨论】：

return false 没有onclick="return popUp(event,this)"什么都不做