Bagaimanakah Saya Boleh Mengesan Perubahan Kandungan dalam Elemen Div Boleh Diedit?-tutorial js-php.cn

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

DDD

Lepaskan： 2024-12-04 05:48:10

asal

464 orang telah melayarinya

How Can I Detect Content Changes in a Contenteditable Div Element?

Mengesan Perubahan Kandungan dalam

Elemen dengan contenteditable

Untuk memantau pengubahsuaian kandungan dalam

elemen menggunakan atribut contenteditable, kami memerlukan alternatif kepada acara onchange tradisional.

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
});

Salin selepas log masuk

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!

sumber：php.cn

Artikel sebelumnya：Bagaimana untuk Mengesan Perubahan Input Masa Nyata dalam jQuery? Artikel seterusnya：Kekal maju dalam pembangunan web: berita terkini, alatan dan cerapan #61

Kenyataan Laman Web ini

Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Artikel terbaru oleh pengarang