Bagaimanakah Saya Boleh Mencegah Seret-dan-Lepaskan pada Elemen HTML?

Menghalang Seret-dan-Lepaskan pada Elemen HTML: Penyelesaian Komprehensif

Semasa membangunkan aplikasi web yang rumit dengan sistem windowing, anda mungkin menghadapi sekali-sekala halangan. Khususnya, tingkah laku seret dan lepas lalai penyemak imbas boleh mengganggu operasi ubah saiz yang dimaksudkan. Untuk mengatasinya, pertimbangkan untuk menggunakan penyelesaian berikut:

Lumpuhkan Drag-and-Drop untuk Elemen Tertentu

Dengan memanfaatkan peristiwa HTML ondragstart dan ondrop, anda boleh melumpuhkan drag -and-drop dalam elemen HTML tertentu. Masukkan atribut berikut ke dalam elemen yang berkaitan:

<div>
<p>Sebagai alternatif, anda boleh melumpuhkannya untuk keseluruhan badan dokumen, membenarkan pendayaan semula apabila dikehendaki:</p>
<pre class="brush:php;toolbar:false">

jQuery Penyelesaian

Untuk mencapai hasil yang sama menggunakan jQuery, anda boleh menggunakan draggable() kaedah:

$(document).ready(function() {
  $('#draggable').draggable({
    disabled: true
  });
});

Dayakan/Lumpuhkan Dinamik

Untuk senario di mana anda perlu menukar fungsi drag-and-drop secara dinamik, pertimbangkan untuk menggunakan enable() dan lumpuhkan () kaedah dalam jQuery:

$('#draggable').draggable('disable');
...
$('#draggable').draggable('enable');

Komprehensif Kefungsian

Pendekatan ini melumpuhkan pemilihan teks penyemak imbas secara berkesan dan seret dan lepas semasa pengguna menekan butang tetikus. Kefungsian dipulihkan apabila butang tetikus dilepaskan. Untuk kawalan yang lebih terperinci, anda boleh menentukan elemen yang menyeret dan lepas dilumpuhkan.