Bagaimana untuk Melumpuhkan Penyeretan Imej dalam HTML?

Tidak membenarkan Penyeretan Imej dalam HTML

Dalam keadaan di mana anda ingin menghalang pengguna daripada menyeret dan menjatuhkan imej, anda boleh menggunakan JavaScript untuk melumpuhkan fungsi ini. Begini cara anda boleh mencapai ini:

Kaedah 1:

Peristiwa ondragstart:
Anda boleh melumpuhkan penyeretan imej dengan mengendalikan acara ondragstart . Dengan menetapkan fungsi pengendali kepada palsu, anda secara berkesan menghalang penyemak imbas daripada memulakan operasi seret. Berikut ialah contoh:

document.getElementById('my-image').ondragstart = function() { return false; };

Kaedah 2:

jQuery:
Jika anda menggunakan jQuery, kod berikut akan lumpuhkan penyeretan imej untuk semua imej pada halaman:

$('img').on('dragstart', function(event) { event.preventDefault(); });

Nota:

• Perlu ambil perhatian bahawa kaedah ini hanya melumpuhkan penyeretan dalam penyemak imbas web . Pengguna mungkin masih boleh menyeret imej menggunakan alat luaran seperti perisian tangkapan skrin.
• Jika anda mengubah saiz imej secara dinamik, pertimbangkan untuk menggunakan transformasi CSS (transform: translate() atau transform: scale()) dan bukannya menetapkan saiz imej secara langsung, yang mungkin mengganggu fungsi penyeretan.

Dengan melaksanakan kaedah ini, anda boleh menghalang penyeretan imej yang tidak diingini dengan berkesan, meningkatkan kebolehgunaan dan keselamatan aplikasi web anda.

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