Bagaimanakah saya boleh mengesan perubahan sifat CSS dalam jQuery?

Mengesan Perubahan Sifat CSS dengan jQuery

Dalam JavaScript, anda boleh mengesan perubahan pada sifat CSS elemen menggunakan Peristiwa Mutasi yang terdapat dalam DOM L2 Modul acara. Salah satu acara ini, DOMAttrModified, memantau secara khusus perubahan pada atribut elemen, termasuk atribut gaya.

Untuk menggunakan acara ini dalam jQuery, cuma lampirkan pendengar acara pada elemen yang ingin anda pantau. Contohnya:

<code class="js">$("element").on("DOMAttrModified", function(e) {
  if (e.attrName === "style") {
    console.log("Style changed: ", e.prevValue, " -> ", e.newValue);
  }
});</code>

Kod ini akan log gaya CSS sebelumnya dan baharu apabila atribut "gaya" elemen diubah suai.

Alternatif

Jika DOMAttrModified tidak disokong dalam penyemak imbas yang anda sasarkan, pendekatan alternatif ialah menggunakan acara "perubahan harta" yang tersedia dalam Internet Explorer. Acara ini juga boleh mengesan perubahan gaya.

Nota

Adalah penting untuk ambil perhatian bahawa Peristiwa Mutasi, termasuk DOMAttrModified, telah ditamatkan. Sebaliknya, penggunaan MutationObserver disyorkan untuk memantau perubahan DOM, termasuk perubahan sifat CSS.

Atas ialah kandungan terperinci Bagaimanakah saya boleh mengesan perubahan sifat CSS dalam jQuery?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!