해온의 우당탕 개발일지

  • 홈
  • 방명록
프로필이미지
jheaon
  • All (145)
    • Programing Language (48)
      • Python (26)
      • Javascript (11)
      • Java (8)
      • Sql (3)
      • C# (0)
    • FrameWork (56)
      • Django (19)
      • Spring (11)
      • Fastapi (0)
      • PyQT (5)
      • React (5)
      • Flutter (8)
      • Tailwind (7)
      • Unity (1)
    • Cloud (15)
      • Docker (6)
      • Nginx (1)
      • Git (8)
    • Computer Theory (22)
      • Os (2)
      • development theory (1)
      • Web (14)
      • Design partterns (5)
      • DataStructure (0)
    • Algorithm (1)
      • Leetcode (1)
    • Self Improvement (2)
      • Certificate (1)
      • Review (1)
    • Tools (1)
      • Aseprite (1)

Tag

spring sql javascript react 파이썬 프로그래머스 vsc pyinstaller pyqt tailwindcss Tailwind Java Django programmers Flutter CSS selenium Git Docker python
  • 최근글
  • 인기글

최근댓글

공지사항

Archives

«   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

  • Today :
  • Yesterday :

사이트 검색

EventListner 1

Programing Language/Javascript
[Javascript] event listener 사용하는 법과 event 의 종류

event listener - DOM 객체에서 이벤트가 발생할 경우 해당 이벤트 처리 핸들러를 추가할 수 있는 오브젝트 (비유하자면 이벤트라는 소리가 발생했을 때, 듣는 객체를 listener라고 명한다.) - 특정 DOM에 위에 Javascirpt 이벤트가 발생할 때 특정 함수를 호출할 수 있다. 다음은 Click 이벤트에 대한 이벤트리스너를 설정하여 제작된 예제이다. 해당 코드는 a 요소에 마우스 클릭 이벤트가 발생하면 콘솔로그로 hi 라는 글자가 찍혀 나오게 된다. 클릭 event의 종류 이벤트의 종류가 많기 때문에 공식 문서를 참고하여 이벤트 찾자 문서 : https://developer.mozilla.org/ko/docs/Web/API/Window#%EC%9D%B4%EB%B2%A4%ED%8A%B8

이전
1
다음
더보기
Ⓒ 2024 • zenn.kr
design by zenn

티스토리툴바