jQuery 프레임워크에는 스타일 변경을 위한 특정 이벤트 리스너가 없습니다. 그러나 MutationObserver를 활용하면 '스타일' 속성 수정을 효과적으로 추적할 수 있습니다.
const target = document.getElementById('myId'); const observer = new MutationObserver((mutations) => { mutations.forEach((mutationRecord) => { console.log('Style changed!'); }); }); observer.observe(target, { attributes: true, attributeFilter: ['style'] });
콜백 함수에서 mutationRecord 개체는 이전 스타일 값과 새 스타일 값 모두에 대한 액세스를 제공합니다.
이전에는 프로토타입.css 메서드를 일시적으로 재정의하는 jQuery 기반 해결 방법이 있었습니다.
(function() { var ev = new $.Event('style'); var orig = $.fn.css; $.fn.css = function() { $(this).trigger(ev); return orig.apply(this, arguments); } })();
MutationObserver에서는 이 접근 방식이 더 이상 필요하지 않습니다. 지원, 스타일 변경을 가로채는 방법을 보여줍니다.
MutationObserver는 IE 11을 포함한 최신 브라우저에서 잘 지원되므로 스타일 속성 수정을 감지하는 실행 가능한 솔루션입니다.
위 내용은 JavaScript에서 스타일 속성 변경을 추적할 수 있습니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!