WEB/jQuery

DOMSubtreeModified

Remoted remoted 2019. 7. 11. 22:19
  • 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 내용이 변경된 것을 감지하는 것이지, 클래스 등이 변경되는 것을 감지하는 것은 아니다.

'WEB > jQuery' 카테고리의 다른 글

DOMSubtreeModified  (0) 2019.07.11
jQuery for node(elements)  (0) 2019.07.10
jQuery 에서 다룰 수 있는 Element 요소에 대한 고찰  (0) 2019.07.10
jQuery HTML tag change  (0) 2019.07.05
jQuery scroll to element  (0) 2019.05.20
jQuery API 정복 - 자식 요소들 찾기, children()  (0) 2018.05.21