홍장군의 기록

  • 홈
  • 태그

버블링 1

JavaScript와 이벤트 다루기

0. 오늘의 배울 것 js의 꽃은 이벤트 다루기가 아닐까?! 웹 동작을 담당하는 js이니 이벤트 다루는 게 js의 꽃이지 않을까?! 하는 게 필자의 생각이다... 다양한 이벤트를 어떻게 받아 핸들링할지 알아보자. 1. 이벤트 핸들러 등록하기 이벤트를 받아 동작하는 함수를 이벤트 핸들러라고 했다. 이걸 어떻게 요소에 등록하는 걸까? DOM 태그에 접근해서 onclick 프로퍼티 활용하기. html 태그에 onclick 속성 활용하기. 근데 이렇게 태그에 직접 접근하는 건 잘 사용 안함. 아예 함수 덮어쓰기 때문에 함수 여러 개 등록하기 힘들다. 3. addEventListner 메소드 사용하기 > 제일 많이 쓰인다!! element.addEventListener(이벤트종류, 이벤트핸들러); btn.addE..

프론트 공부/JavaScript와 모던 JS 2023.10.18
이전
1
다음
더보기
프로필사진

개발자 홍장군/ 컴퓨터 공학 학사 졸업 / 파이썬, js 주력으로 프론트엔드 쪽 공부하고 있습니다.

  • 분류 전체보기 (70)
    • 알고리즘 (23)
      • JavaScript (22)
    • 프론트 공부 (31)
      • html과 css (9)
      • JavaScript와 모던 JS (9)
      • 웹과 API, 네트워크 (7)
      • 리액트 네이티브 (1)
    • 개인 플젝 (0)
    • 내가 읽은 책들... (1)
    • 내가 해결한 오류들 (12)
    • 개발 알쓸신잡 (1)

Tag

10869, Absolute, Android, API, arguments, array, arrowfunction, Block, box-model, buildtype, cascade, catch, chartjs, Clean, css, Delete, Destructuring, Diagram, Direction, DOM,

최근글과 인기글

  • 최근글
  • 인기글

Copyright © Kakao Corp. All rights reserved.

티스토리툴바