자바 스크립트에서 innerHTML 변경 사항을 차단하는 방법은 무엇입니까?

Question

내 웹 페이지의 셀 내용에 변경 사항을 가로 챌 필요가 있습니다.

다음 코드는 addEventListener가 작동하지 않는다는 것을 보여줍니다.

function modifyText() { 
alert("!"); 
} 

var el=document.getElementById("mycell"); 
el.innerHTML="a" 
el.addEventListener("change", modifyText, false); 
// After next instruction I expect an alert message but it does not appear... 
el.innerHTML="Z"; 

코드는 단지 장난감 예입니다. 내 실제 경우에는 페이지의 변경 사항 (및 셀의 변경 사항)도 웹 앱에서 제어 할 수 있습니다.

Answer 1

그런 식으로 DOM 요소 change을들을 수 없습니다. change 이벤트는 대부분 input입니다.

여기에 도움이되는 몇 가지 새로운 DOM 3 이벤트가 있습니다.

DOMCharacterDataModified // 초안

DOMSubtreeModified

Answer 2

이 Most efficient method of detecting/monitoring DOM changes? 도움을합니까 : 여기

몇 가지입니까?

100 % 크로스 브라우저 솔루션이없는 것처럼 보입니다. 해결 방법 중 하나는 innerHTML.length가 변경되는지 확인하기 위해 관심있는 요소를 폴링하는 것입니다.