Bagaimana untuk Mengesan Perubahan dalam Sifat CSS Menggunakan jQuery?

Mengesan Perubahan dalam Harta CSS Menggunakan Jquery

Isu:

Mengesan perubahan dalam sifat CSS "paparan" sesuatu Elemen HTML adalah penting untuk pembangunan web dinamik. Pengguna sering mencari kaedah untuk memantau perubahan sifat sedemikian.

Penyelesaian:

Walaupun tiada peristiwa asli yang direka khusus untuk mengesan perubahan sifat CSS, modul DOM L2 Events mentakrifkan peristiwa mutasi. Antaranya, acara DOMAttrModified boleh dimanfaatkan untuk melihat perubahan dalam atribut elemen, termasuk sifat gaya.

Pelaksanaan:

<code class="js">document.documentElement.addEventListener('DOMAttrModified', function(e){
  if (e.attrName === 'style') {
    console.log('prevValue: ' + e.prevValue, 'newValue: ' + e.newValue);
  }
}, false);

document.documentElement.style.display = 'block';</code>

Alternatif:

Untuk pengguna Internet Explorer, acara "perubahan harta" boleh menggantikan DOMAttrModified:

<code class="js">document.documentElement.addEventListener('propertychange', function(e){
  if (e.propertyName === 'style') {
    console.log('prevValue: ' + e.oldValue, 'newValue: ' + e.newValue);
  }
}, false);

document.documentElement.style.display = 'inline-block';</code>

Pendekatan ini berkesan mengesan pengubahsuaian harta CSS, memperkasakan pembangun untuk meningkatkan responsif dan interaktiviti aplikasi web mereka.

Atas ialah kandungan terperinci Bagaimana untuk Mengesan Perubahan dalam Sifat CSS Menggunakan jQuery?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!