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 |