-
질문 & 답변
카테고리
-
세부 분야
프론트엔드
-
해결 여부
미해결
Button에 Onclick사용
24.03.07 16:47 작성 조회수 80
1
{this.state.searchKeyword.length > 0 && (<button type="reset" className="btn-reset" onClick={event => this.handleOnclick(event)}></button>)}button에다가 onClick이벤트를 줘서 리셋시켜도 상관없을까요 ??
form에다가 함수 사용하는거랑 button에서 onClick이랑 차이점이 있을까요??
답변을 작성해보세요.
1
김정환
지식공유자2024.03.08
폼의 reset 이벤트를 처리하는 대신 리셋 버튼의 click 이벤트를 처리해도 동작합니다. 폼에는 submit 이벤트도 있는데요. 이것도 제출 버튼의 click 이벤트를 처리하는 방식으로 구현할 수 있습니다.
둘 간에는 차이가 있는데요. 폼의 submit 이벤트는 제출 버튼을 클릭할 때 뿐만 아니라 폼 안의 인풋 필드에서 엔터를 입력했을 때도 발생합니다. 마우스 클릭 뿐만 아니라 키보드 엔터에서도 폼 제출을 처리하기 위해 form의 이벤트를 사용했는데요. reset 이벤트도 submit과 비슷하게 사용한 것이라고 보시면 됩니다.
답변 1