Drag and drop javascript
Aller à la navigation
Aller à la recherche
-Introduction-
Javascript permet aussi de faire du drag and drop. Ce tutoriel tente de vous donner quelques bases de ces fonctionnalités.
| Animer le texte:
<!DOCTYPE HTML> <html> <head> <style>
</style> <script> function allowDrop(ev) { ev.preventDefault(); } function drag(ev) { ev.dataTransfer.setData("text", ev.target.id);
} function drop(ev) { ev.preventDefault();
var data = ev.dataTransfer.getData("text");
ev.target.appendChild(document.getElementById(data));
} </script> </head> <body> Drag the W3Schools image into the rectangle:
</body> </html> |
-Références-