개발/웹개발 기본가이드
자바스크립트 div 혹은 제이쿼리 node 에 변화 감지해서 이벤트 발생시키기
지엔키
2021. 8. 18. 00:51
728x90
반응형
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
|
// Mutation Observer => DOM 에 변화가 있을 때 감지해서 이벤트를 발생시켜주는 기능
//var target = document.getElementById('target');
var target = $('#target')[0];
// 감시자 인스턴스 만들기
var observer = new MutationObserver((mutations) => {
// 노드가 변경 됐을 때의 작업
console.log("event 발생!");
})
// 감시자 옵션 포함, 대상 노드에 전달
var config = {
attributes: true,
childList: true,
characterData: true
};
// 대상 노드에 감시자 전달
observer.observe(target, config);
// 나중에, 감시를 중지 가능
observer.disconnect();
|
cs |
https://developer.mozilla.org/ko/docs/Web/API/MutationObserver
MutationObserver - Web API | MDN
MutationObserver 는 개발자들에게 DOM 변경 감시를 제공합니다. DOM3 이벤트 기술 설명서에 정의된 Mutation Events 를 대체합니다.
developer.mozilla.org
이곳을 참고하였습니다~
728x90
반응형