[JS] eventListener submit and click, focus()

Joey Hong·2020년 11월 27일
0

javascript

목록 보기
3/4

submit vs. click

let form = document.querySelector('#form');
form.addEventListener('submit', (e) => {
	//action
}
  • 입력창과 버튼이 함께 있는 form은 submit 액션을 받을 수 있다
  • submit은 엔터를 치면 버튼이 눌리며 클릭도 가능하다
let button = document.querySelector('#button');
button.addEventListener('click', (e) => {
	//action
}
  • 버튼은 입력창과 분리되어있기때문에 submit 액션을 받을 수 없다
  • 오로지 클릭만 가능하기에 click 액션밖에 받지 못한다

focus()

let input = document.querySelector('#input');
input.focus();
  • 인풋창에 커서가 가 있도록 하는 편의 기능이다
profile
개발기록

0개의 댓글