클릭했을 때의 이벤트를 막는 방법

링크 및 버튼을 클릭해도 이벤트가 발생하지 않게 강제하는 css 속성이 있습니다.

 

default 속성은 auto로 이때 클릭하면 기본 이벤트 효과가 발생하지만, 아래와 같이 none으로 적용해주면 이벤트를 막아 링크 이동 또는 버튼 클릭시의 액션이 되지 않게 할 수가 있습니다.

<a href="https://google.com">google</a>
<button onclick="alert('good');">click</button>

a, button {
        /* 기본 속성: pointer-events: auto */
        pointer-events: none;
}