DOMSubtreeModified

• html 내용이 변경된것을 감지하려면, onchange를 사용하는 것이 아니라,
  DOM변경을 감지하는 이벤트(DOMSubtreeModified)를 씁니다.
  
  크로스브라우징을 지원하려면, 아래처럼 두개 이벤트를 같이 사용하면 되구요~
  DOMSubtreeModified : IE9이상, 나머지 브라우저 지원
  propertychange : IE9미만 지원
  
  $(function(){
      $('.amount.final').on('DOMSubtreeModified propertychange', function() {
          $('#summary_total_price').text( $(this).text() );
      });
  });

• 

  

  

  알타블루 

  

  16-12-28 13:53 

  소스보기

• 네. 답변 감사합니다.  알려 주신 소스로 해보고 있습니다. 아직 되지는 않는데요.. 
  중요한 내용을 알려주셨네요. 감사합니다.

• 

  

  알타블루 

  

  16-12-30 18:10 

  소스보기

• 해결되었습니다. 소채님의 힌트로 해결되었고 성공한 소스는 아래를 참조 하세요.
  
  $('변경을 체크하려는 클래스 또는 ID').on('DOMSubtreeModified', function() {
        $('.입력하려는 클래스 또는 ID').text( $('.입력 값이 있는 클래스 또는 ID').text() );
      });
  
  잘 안되던 이유는 변경을 체크하려는 클래스가 입력값이 있는 클래스가 아니고 상위 영역이 통째로 변경되던걸 늦게 알았네요.
  
  참조하세요.

 

참고로 HTML 내용이 변경된 것을 감지하는 것이지, 클래스 등이 변경되는 것을 감지하는 것은 아니다.