본문 바로가기
Web

Form 태그 안 Button 태그 이벤트 발생 Submit

by Gil Granger 2019. 7. 30.

- 현상 (브라우저: 크롬)   

form 안에 input text와 button태그가 있다.
input text 에 텍스트를 입력하고 엔터키를 입력하니  form 안에 있는 버튼들 중 첫번째 버튼의 onclick 바인딩된 함수가 실행되었다.

그 이외에도 button 클릭을 했을때 특정한 케이스에 form submit이 실행되는 경우가 있다.    

- 방법

<button/> 엘리먼트 사용시에는 브라우저마다 같은 동작을 위해 type 속성을 선언해야 한다. (ex: type="button")
http://www.w3schools.com/tags/att_button_type.asp

또 다른 방법
     - 키 입력의 경우 input text 의 onkeydown 이벤트에 return false를 준다.
     - <button/>을 form 안에 넣지 않는다.   등등..

 

댓글