Bagaimanakah Saya Boleh Mengesan Perubahan Kandungan dalam Elemen Div Boleh Diedit?

JQuery-Based Solution

Walaupun acara onchange tidak digunakan secara langsung pada elemen contenteditable, kita boleh menggunakan peristiwa input untuk mencapai fungsi yang serupa. Begini cara untuk melakukannya menggunakan jQuery:

$("#myDiv").on("input", function() {
  // Perform desired actions when the content changes
});

Butiran Peristiwa Input

Acara input tercetus apabila pengguna menaip, menampal atau menukar kandungan elemen dalam mana-mana cara. Ia memberikan ketepatan yang lebih tinggi berbanding peristiwa penting, yang berlaku sebelum kandungan sebenarnya diubah suai.

Pendekatan Alternatif

Selain acara input, jenis acara lain yang boleh berguna termasuk:

• keydown dan tekan kekunci: Dicetuskan sebelum kandungan berubah.
• potong, salin dan tampal: Kendalikan pengubahsuaian kandungan yang dicetuskan oleh tindakan ini.
• Pengundian: Semak kandungan elemen secara kerap untuk perubahan. Walau bagaimanapun, pendekatan ini kurang cekap dan boleh memperkenalkan isu prestasi.

Pertimbangan Masa Depan

Acara input HTML5 kini disokong dalam penyemak imbas moden untuk elemen yang boleh diedit kandungan. Apabila keserasian penyemak imbas bertambah baik, adalah disyorkan untuk menggunakan acara input untuk penyelesaian yang paling boleh dipercayai.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Mengesan Perubahan Kandungan dalam Elemen Div Boleh Diedit?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!