Verwenden Sie das ondaragoverHTML-Attribut in HTML, um beim Ziehen eines Elements in HTML ein Skript auszuführen.
Sie können versuchen, den folgenden Code auszuführen, um ondarragover Property -
<!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>Das obige ist der detaillierte Inhalt vonEin Skript ausführen, wenn ein Element in HTML gezogen wird?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
Einführung in SSL-Erkennungstools
Rangliste der Kryptowährungs-Handelsplattformen
So löschen Sie Array-Elemente in JavaScript
Unterbewertete Münzen, die man im Jahr 2024 horten sollte
So verwenden Sie die Diktatfunktion in Python
Was ist das Format von caj
Verwendung von Wechselstromschützen
Was ist der Unterschied zwischen j2ee und springboot?
![[Web-Frontend] Node.js-Schnellstart](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
