Bagaimana untuk Mencegah Seret dan Lepas Imej dalam HTML?

Elakkan Seret dan Lepas Imej dalam HTML

Jika anda ingin memaparkan imej pada halaman HTML anda tetapi ingin menghalang pengguna daripada menyeretnya, anda telah meneroka pelbagai penyelesaian tetapi tidak berjaya. Artikel ini akan membimbing anda melumpuhkan penyeretan imej, membenarkan saiz semula sambil mengekalkan kawalan.

Cuma kenal pasti imej menggunakan ID atau kelas uniknya. Kemudian, tetapkan pendengar acara kepada acara 'ondragstart'. Dalam pengendali acara ini, kembalikan 'palsu' untuk melarang kelakuan seret dan lepas lalai penyemak imbas. Berikut ialah contoh menggunakan JavaScript vanila:

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

Sebagai alternatif, jika anda menggunakan jQuery, anda boleh memilih kod berikut:

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

Dengan melaksanakan teknik ini, anda akan lumpuhkan penyeretan imej dengan berkesan dalam halaman HTML anda sambil mendayakan saiz semula mengikut keperluan khusus anda.

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