Cet article est un article miroir de traduction automatique, veuillez cliquer ici pour accéder à l’article original.

Architect_Programmer_Code Réseau agricole»Architecte › Conception front-end & web › Html/CSS/JavaScript › HTML règle l’élément div pour qu’il traîne arbitrairement
Vue: 7184|Répondre: 2

[HTML/HTML5] HTML règle l’élément div pour qu’il traîne arbitrairement

[Copié le lien]
Publié sur 26/04/2022 10:32:01 | | | |
Exigences : Les pages web HTML disposent d’une barre d’outils permettant aux utilisateurs de glisser jusqu’à la position souhaitée selon leurs habitudes.

Tout d’abord, les rendus sont les suivants :



Les éléments HTML peuvent être glissés arbitrairement en mettant la propriété glissable sur true, mais l’élément reviendra à sa position initiale lorsque la souris sera relâchée.

Vous pouvez le faire en ajoutant un événement de dragend pour déplacer l’élément à la position après avoir relâché la souris.

En pièce jointe, le code source :

Déclencher un événement sur une cible de traînée (élément source) :

ondragstart - déclenché lorsque l’utilisateur commence à glisser un élément
ondrag - se déclenche lorsque l’élément est glissé
ondragend - déclenché lorsque l’utilisateur termine de glisser l’élément

Événements déclenchés lorsque la cible est relâchée :

ondragenter - Déclenche cet événement lorsqu’un objet traîné par la souris entre dans la portée de son conteneur
ondragover - Cet événement est déclenché lorsqu’un objet traîné est traîné dans la portée d’un autre conteneur d’objets
ondragleave - Cet événement est déclenché lorsqu’un objet traîné par la souris quitte la portée de son conteneur
ondrop - Cet événement est déclenché lorsque les touches de la souris sont relâchées lors d’un glissement

Référence:

Utilisez des API HTML5 à glisser-déposer
https://www.itsvse.com/thread-10299-1-1.html




Précédent:Utilisez des API HTML5 à glisser-déposer
Prochain:La composante angulaire retourne les espaces nbsp

Articles connexes
Publié sur 26/04/2022 21:24:22 |
Reviens apprendre à nouveau
Publié sur 27/04/2022 14:13:06 |
Apprends, apprends
Démenti:
Tous les logiciels, supports de programmation ou articles publiés par Code Farmer Network sont uniquement destinés à l’apprentissage et à la recherche ; Le contenu ci-dessus ne doit pas être utilisé à des fins commerciales ou illégales, sinon les utilisateurs assumeront toutes les conséquences. Les informations sur ce site proviennent d’Internet, et les litiges de droits d’auteur n’ont rien à voir avec ce site. Vous devez supprimer complètement le contenu ci-dessus de votre ordinateur dans les 24 heures suivant le téléchargement. Si vous aimez le programme, merci de soutenir un logiciel authentique, d’acheter l’immatriculation et d’obtenir de meilleurs services authentiques. En cas d’infraction, veuillez nous contacter par e-mail.
Mail To:help@itsvse.com