javascript onclick 페이지가 위로 이동

Question

img를 클릭하면 오버레이가 열립니다. T 오버레이가 열리지 만 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

내 생각 엔 당신의 코드에서 그 다른 곳이다 , 당신이 모르는 뭔가를하는 이벤트가 있습니다. 언급 된 코드 내의 어떤 것도이 효과를 일으키지 않아야합니다.

Answer 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(); 
}