티스토리 뷰

정말 다양한 이벤트들이 존재한다. 그리고 이런 값들은 해당 elements의 이벤트 오브젝트 프로퍼티 값을 변경할 것이다.

 

1. addEventListener

EventTarget.addEventListener("EventType", Function);

EventType에는 이벤트가 정의된다. ex) click, keydown, mouseover, drag ...

이벤트 종류 참고 : https://developer.mozilla.org/ko/docs/Web/Events

Function은 해당 이벤트가 발생했을 때 실행될 함수의 이름이 들어간다.

 

2. onblabla property

EventTarget.onclick = Function1;
EventTarget.onmouseover = Function2;

해당 element의 property로 직접 접근해서 Function을 지정해주는 방법도 있다.

단 이의 경우 EventRemove가 어렵다는 것 같아 addEventListener를 추천한다고 한다.

 

** 어떤 요소의 값에 자주 접근하는 것은 좋지 않다. 변수에 해당 요소를 저장하고 최종적으로 변경해주는 방식이 좋다

 

 

'■ FE 로드맵 > ◻ WEB 기초' 카테고리의 다른 글

Cleaning Code Tip  (0) 2022.07.27
CSS 요소를 javascript에서 제어하기  (0) 2022.07.27
javascript로 html과 상호작용하기  (0) 2022.07.27
MySQL 겅부  (0) 2022.07.21
javascript 백준 기초  (0) 2022.07.20
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
«   2025/07   »
1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30 31
글 보관함