Web story/Javascript

동적으로 생성된 요소에 이벤트를 주자

JKJ1004 2023. 6. 2. 19:08

jquery는 .on을 이용할 수 있으나 jquery를 쓰지 않을경우 일반적인 "addEventListener"로는 이벤트를 주기가 어렵다
이럴때 이용할 수 있는 방법으로 ".matches"가 있다

document.addEventListener("click", e => {
  // 이벤트 버블링 e.target 비교
  const target = e.target.matches(".target");

  if (!target)return;
  
  if (target) {
  	alert("클릭!");
  }
 });

 

반응형

'Web story > Javascript' 카테고리의 다른 글

grid를 이용한 아코디언 메뉴  (0) 2023.06.08
Intersection Observer API  (0) 2023.06.02
이미지 사이즈 확인  (0) 2020.10.12
for문의 최적화  (0) 2016.11.24
스크롤 up, down function  (0) 2015.04.20