Rumah >hujung hadapan web >html tutorial >Laksanakan skrip dalam HTML apabila elemen diseret ke sasaran jatuh yang sah
Laksanakan skrip dalam HTML apabila elemen diseret ke sasaran jatuh yang sah
- WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBke hadapan
- 2023-09-08 19:45:02791semak imbas
Atribut ondragenter menyala apabila elemen diseret ke sasaran jatuh yang sah dalam HTML.
Contoh
Anda boleh cuba jalankan kod berikut untuk mencapai ondragenter Hartanah -
<!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>Atas ialah kandungan terperinci Laksanakan skrip dalam HTML apabila elemen diseret ke sasaran jatuh yang sah. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Kenyataan：
Artikel ini dikembalikan pada:tutorialspoint.com. Jika ada pelanggaran, sila hubungi admin@php.cn Padam
Artikel sebelumnya：Buat teks yang ditekankan dalam HTMLArtikel seterusnya：Buat teks yang ditekankan dalam HTML