Bagaimana untuk Mencegah Penyeretan Imej daripada Halaman HTML?

Menghalang Penyeretan Imej daripada Halaman HTML

Dalam pembangunan web, terdapat keadaan di mana memaparkan imej sambil menghalang pengguna daripada menyeretnya adalah wajar. Sama ada anda mengekalkan reka letak halaman yang teratur atau melindungi kandungan sensitif, melumpuhkan penyeretan imej boleh menjadi penting.

Penyelesaian:

Untuk mencapai ini, anda boleh menggunakan perkara berikut JavaScript:

<code class="javascript">document.getElementById('my-image').ondragstart = function() { return false; };</code>

Kod ini mendapatkan semula elemen dengan ID "imej saya" dan memberikan fungsi kepada acara "ondragstart"nya. Fungsi ini hanya mengembalikan "false", dengan berkesan menghentikan tindakan menyeret.

Alternatif jQuery:

Jika anda menggunakan jQuery, anda boleh menggunakan ini sebaliknya:

<code class="javascript">$('img').on('dragstart', function(event) { event.preventDefault(); });</code>

Kod ini mengikat pengendali acara "dragstart" kepada semua imej HTML yang terdapat pada halaman. Apabila seretan bermula, pengendali dipanggil dan kaedah "event.preventDefault()" dipanggil untuk membatalkan gelagat seretan.

Atas ialah kandungan terperinci Bagaimana untuk Mencegah Penyeretan Imej daripada Halaman HTML?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!