Spécifie si oui ou non une boîte doit flotter
Découvrez comment utiliser l'attribut d'événement ondragstart en HTML. Apprenez la définition, la syntaxe générale, les paramètres, les valeurs possibles, et explorez des exemples pratiques d'utilisation. Obtenez des astuces et des conseils pour améliorer vos fonctionnalités de glisser-déposer sur votre site web
L'attribut d'événement ondragstart en HTML est utilisé pour définir une fonction JavaScript qui sera exécutée lorsque l'utilisateur commence à faire glisser un élément (drag-and-drop).
L'événement ondragstart se déclenche lorsque l'utilisateur commence à faire glisser un élément.
Pour utiliser l'attribut ondragstart, vous devez le définir sur un élément HTML, en spécifiant une fonction JavaScript à exécuter lorsque le glissement commence.
<element ondragstart="maFonction(event)">Contenu de l'élément</element>
L'événement ondragstart passe un objet d'événement en tant que paramètre à la fonction spécifiée. Cet objet contient des informations sur l'événement, telles que la position du curseur, l'élément glissé, etc.
La valeur de l'attribut ondragstart doit être une fonction JavaScript valide.
Exemple : Copier le code
<!DOCTYPE html> <html lang="fr"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Tutoriel sur l'attribut d'événement ondragstart en HTML</title> <style> body { font-family: Arial, sans-serif; max-width: 800px; margin: 0 auto; padding: 20px; } </style> </head> <body> <h1>Tutoriel sur l'attribut d'événement ondragstart en HTML</h1> <script> function handleDragStart(event) { // Sélectionner l'élément <p> pour afficher le message var messageElement = document.getElementById("message"); // Afficher le message dans l'élément <p> messageElement.innerHTML = "Le glissement a commencé !"; // Ajouter ici le code spécifique au glissement } </script> <!-- Élément <p> pour afficher le message --> <p id="message"></p> <!-- Élément à glisser --> <div ondragstart="handleDragStart(event)" draggable="true">Élément à glisser</div> </body> </html>
L'attribut d'événement ondragstart est pris en charge dans tous les principaux navigateurs.
VOIR AUSSI NOTRE TUTORIEl HTML5 DRAG AND DROP