Heim >Web-Frontend >HTML-Tutorial >Führen Sie ein Skript in HTML aus, wenn ein Element auf ein gültiges Ablageziel gezogen wird
Führen Sie ein Skript in HTML aus, wenn ein Element auf ein gültiges Ablageziel gezogen wird
- WBOYnach vorne
- 2023-09-08 19:45:02736Durchsuche
Das Attribut ondragenter wird ausgelöst, wenn ein Element auf ein gültiges Ablageziel in HTML gezogen wird.
Beispiel
Sie können versuchen, den folgenden Code auszuführen, um ondragenter Properties -
<!DOCTYPE HTML>
<html>
<head>
<style type = "text/css">
#boxA, #boxB {
float:left;padding:10px;margin:10px; -moz-user-select:none;
}
#boxA { background-color: #6633FF; width:75px; height:75px; }
#boxB { background-color: #FF6699; width:150px; height:150px; }
</style>
<script type = "text/javascript">
function dragStart(ev) {
ev.dataTransfer.effectAllowed = 'move';
ev.dataTransfer.setData("Text", ev.target.getAttribute('id'));
ev.dataTransfer.setDragImage(ev.target,0,0);
return true;
}
</script>
</head>
<body>
<center>
<h2>Drag and drop HTML5 demo</h2>
<div>Try to drag the purple box around.</div>
<div id = "boxA" draggable = "true"
ondragstart = "return dragStart(ev)">
<p>Drag Me</p>
</div>
<div id = "boxB">Dustbin</div>
</center>
</body>
</html> zu erreichenDas obige ist der detaillierte Inhalt vonFühren Sie ein Skript in HTML aus, wenn ein Element auf ein gültiges Ablageziel gezogen wird. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
Stellungnahme：
Dieser Artikel ist reproduziert unter:tutorialspoint.com. Bei Verstößen wenden Sie sich bitte an admin@php.cn löschen
Vorheriger Artikel：Erstellen Sie hervorgehobenen Text in HTMLNächster Artikel：Erstellen Sie hervorgehobenen Text in HTML