UX·UI - FrontEnd Dev. Story

Event 2

JS 이벤트 메서드 addEventListener 이벤트리스너 종류 모음

addEventListener 이벤트 작업을 하다가 몰랐던 이벤트들도 많길래 한번 정리를 해보았다. 자주보다보면 익숙해지겠지..ㅎㅎ 자주쓰는 메서드는 따로 표시 해두도록 해야지! 이제 나도 이벤트 메서드 전문가!!! 브라우저 UI와 상호작용 이벤트 이벤트 설명 load 웹 페이지 로드 완료되었을때 unload 웹 페이지가 언로드 될 때(새로운 페이지 요청한 경우) error 오류를 만났거나 요청한 자원이 없을 때 resize 브라우저 창 크기를 조정했을 때 scroll 사용자가 페이지를 위아래로 스크롤 할 때 키보드 이벤트 - 사용자가 키보드를 작동했을 때 이벤트 설명 keydown 사용자가 키를 눌렀을 때 keyup 사용자가 키를 뗄 때 keypress 사용자가 눌렀던 키의 문자가 입력 되었을 때 마우..

자바스크립트 Event :: addEventListener/ removeEventListener 메서드

addEventListener : 특정 이벤트가 발생했을 시, 특정 함수를 실행할 수 있게 해주는 기능. addEventListener으로 등록할 수 있는 이벤트 중 자주 쓰이는 이벤트 목록 이벤트 명 설명 change 변동이 있을 때 발생 click 클릭 시 발생 focus 포커스를 얻었을 때 발생 keydown 키를 눌렀을 때 발생 keyup 키에서 손을 땟을 때 발생 load 로드가 완료 되었을 때 발생 mousedown 마우스를 클릭 했을 때 발생 mouseout 마우스가 특정 객체 밖으로 나갔을 때 발생 mouseover 마우스가 특정 객체 위로 올려졌을 때 발생 mousemove 마우스가 움직였을 때 발생 mouseup 마우스에서 손을 땟을 때 발생 select option 태그 등에서 선택을..

반응형