Bagaimanakah Saya Boleh Menghalang Penyeretan Imej pada Halaman HTML?

Melumpuhkan Menyeret Imej pada Halaman HTML

Apabila memasukkan imej ke dalam halaman web, selalunya wajar untuk menghalang pengguna daripada menyeret dan menjatuhkannya. Artikel ini membincangkan penyelesaian yang menangani isu ini.

Untuk melumpuhkan penyeretan imej, seseorang boleh menggunakan acara ondragstart. Dengan menetapkan acara ini untuk mengembalikan palsu untuk imej yang ditentukan, penyeretan dilumpuhkan dengan berkesan.

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

Kod ini memberikan acara ondragstart kepada elemen HTML dengan IDnya, dalam kes ini my-image. Apabila pengguna mula menyeret imej, peristiwa akan dicetuskan dan pernyataan palsu kembali menghalang tingkah laku seret dan lepas lalai.

Bagi mereka yang menggunakan jQuery, pendekatan yang sedikit berbeza boleh digunakan:

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

Kod ini mengikat fungsi panggil balik ke acara dragstart untuk semua elemen pada halaman. Apabila imej diseret, jQuery memanggil event.preventDefault() untuk menyekat kefungsian menyeret.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Menghalang Penyeretan Imej pada Halaman HTML?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!