자바스크립트 div 혹은 제이쿼리 node 에 변화 감지해서 이벤트 발생시키기

// 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();

 

https://developer.mozilla.org/ko/docs/Web/API/MutationObserver

MutationObserver - Web API | MDN

이곳을 참고하였습니다~