Gunakan atribut ondragoverHTML dalam HTML untuk melaksanakan skrip apabila menyeret elemen dalam HTML.
Anda boleh cuba jalankan kod berikut untuk mencapai ondragover Hartanah -
<!DOCTYPE HTML>
<html>
<head>
<style>
.drag {
float : left;
width : 100px;
height : 35px;
border : 2px dashed #876587;
margin : 15px;
padding: 10px;
}
</style>
</head>
<body>
<div class = "drag" ondrop = "drop(event)" ondragover = "dropNow(event)">
<p ondragstart = "dragStart(event)" ondrag = "draggingNow(event)" draggable = "true" id="dragtarget">Drag!</p>
</div>
<div class = "drag" ondrop = "drop(event)" ondragover = "dropNow(event)"></div>
<div id = "box"></div>
<p>Drag the left box to the right or drag the right box to the left.</p>
<script>
function dragStart(event) {
event.dataTransfer.setData("Text", event.target.id);
}
function draggingNow(event) {
document.getElementById("box").innerHTML = "Dragged successfully!";
}
function dropNow(event) {
event.preventDefault();
}
function drop(event) {
event.preventDefault();
var data = event.dataTransfer.getData("Text");
event.target.appendChild(document.getElementById(data));
document.getElementById("box").innerHTML = "The element dropped successfully!";
}
</script>
</body>
</html>Atas ialah kandungan terperinci Laksanakan skrip apabila elemen diseret dalam HTML?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Pengenalan kepada penggunaan fungsi sort() dalam python
Bagaimana untuk mendapatkan masa semasa dalam JAVA
Algoritma penjadualan cakera
penggunaan teg set medan
Bagaimana untuk menyelesaikan err_connection_reset
tekan sebarang kekunci untuk memulakan semula
Alat penilaian temu bual
Cara menaip petikan berganda dalam lateks
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
