230626 개발일지 TIL - 버튼 클릭시 새로고침 현상 해결방법

버튼 클릭시 새로고침 현상 해결방법

[방법 1]

event.preventDefault();

• 이벤트의 기본 동작을 막기 위해 사용함

[방법 2]

<button type="button"></button>

• 버튼 type의 속성을 button으로 변경하여 새로고침 방지

[방법 3]

<button onclick="myFunction(); return false;" id="myButton"></button>

• onclick="myFunction(); return false;"로 새로고침 방지