<button> 태그의 submit 기능 제거하기

 

Button 태그에서 submit 기능 없애기

html 웹페이지에 button 태그를 삽입하여

버튼을 만들었는데

이 버튼을 클릭하면 현재 웹페이지가

reload 되는 것처럼 페이지 상단으로

스크롤되는 증상을 해결해야 했다.

 

 

 

 

 

 

728x90

 

아래와 같이 버튼 태그를 삽입하였다

 

<button  class="blue-button" onClick="javascript:test();">보기</button>

 

 

그런데 이 버튼을 클릭하면 페이지가 상단으로 스크롤되는 증상이 생겼다.

마치 현재 페이지가 다시 로드되는 것처럼 동작되는 문제가 생겼다.

현재 페이지의 위치를 그대로 유지하면서 버튼 이벤트가 동작되도록 하는 방법은 의외로 간단하다

 

 

 

button 태그에서 submit 기능 끄는 방법

 

<button type="button" class="blue-button" onClick="javascript:test();">보기</button>

버튼을 클릭 시 submit이 되는 기능을 끄면 해결되는 것인데

위와 같이 type="button" 을 넣어주면 된다.

 

기억하자.

button 태그의 submit 기능을 끄기 위해서는

 

 

 

type="button"

 

 

을 추가하자