본문 바로가기
개발 공부/HTML, CSS

button 클릭시 페이지 새로고침 안되게 설정하기

by juukka 2024. 10. 28.

방법 1. html - type에 button 넣어주기

<button type="button" class="btn">입력</button>

 

방법2. javascript - e.preventDefault() 넣어주기

let btn = document.querySelector('.btn')

btn.addEventListener('click', (e)=>{
    e.preventDefault();
});

(preventDefault : DOM 요소의 기본 동작을 막아줌)