Bagaimanakah Saya Boleh Mencegah Seret-dan-Lepaskan pada Elemen HTML?-tutorial css-php.cn

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

Barbara Streisand

Lepaskan： 2024-11-28 16:54:19

asal

951 orang telah melayarinya

How Can I Prevent Drag-and-Drop on HTML Elements?

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>

Salin selepas log masuk

Sebagai alternatif, anda boleh melumpuhkannya untuk keseluruhan badan dokumen, membenarkan pendayaan semula apabila dikehendaki:

<body ondragstart="return false;" ondrop="return false;"></body>

Salin selepas log masuk

jQuery Penyelesaian

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

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

Salin selepas log masuk

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');

Salin selepas log masuk

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.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Mencegah Seret-dan-Lepaskan pada Elemen HTML?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!