10000 contenu connexe trouvé
Code d'implémentation de l'effet glisser-déposer HTML5
Présentation de l'article：Glisser-déposer Le glisser-déposer est une fonctionnalité courante permettant de saisir un objet et de le faire glisser vers un autre emplacement ultérieurement. En HTML5, le glisser-déposer fait partie de la norme et n'importe quel élément peut être glissé-déposé. Internet Explorer 9, Firefox, Opera, Chrome et Safari prennent en charge le glisser-déposer. Remarque : Safari 5.1.2 ne prend pas en charge le glisser-déposer. Exemple : <!DOCTYPE html> <html> <head> <title>Glisser-déposer</title.
2017-02-21
commentaire 0
1470
Parlez d'une compréhension approfondie du glisser-déposer natif JavaScript
Présentation de l'article：Le glisser-déposer (DnD) est en fait deux actions : le glisser-déposer. Cela implique donc deux éléments. L'un est l'élément glissé, appelé source du glisser-déposer ; l'autre est la cible à déposer, appelée cible du glisser-déposer. Cet article présentera en détail le glisser-déposer natif en divisant ces deux concepts. Les amis intéressés peuvent apprendre ensemble.
2017-01-18
commentaire 0
1127
Tutoriel HTML5 - Glisser-Déposer
Présentation de l'article：Bonjour, programmeurs front-end ! Je suis très heureux de vous expliquer une série de connaissances sur les didacticiels HTML5. Cet article présente principalement les événements de glisser-déposer HTML5. Le glisser-déposer est une fonctionnalité courante de HTML5.
2016-12-27
commentaire 0
1685
Comment empêcher le glisser-déposer d'images en HTML ?
Présentation de l'article：Évitez le glisser-déposer d'image en HTMLSi vous cherchez à afficher une image sur votre page HTML mais que vous souhaitez empêcher les utilisateurs de la faire glisser, vous avez...
2024-11-02
commentaire 0
993
Explication détaillée et exemples du glisser-déposer HTML5 (Drag and Drop)
Présentation de l'article：Le glisser-déposer est une fonctionnalité courante qui vous permet de saisir un objet et de le faire glisser vers un autre emplacement ultérieurement. En HTML5, le glisser-déposer fait partie du standard et n'importe quel élément peut être glissé-déposé
2017-02-09
commentaire 0
1851
Outil IA : avec glisser-déposer et tailwindcss
Présentation de l'article：L'outil d'IA Webcrumbs s'est encore amélioré ! ?
Webcrumbs propose désormais une fonctionnalité glisser-déposer, vous permettant de personnaliser facilement chaque partie de vos composants ! ✨ Finies les modifications fastidieuses : il suffit de glisser-déposer et de commencer à créer ! ?
Prêt à accélérer votre
2024-10-18
commentaire 0
338
Combat réel HTML5 et analyse du glisser natif (deux événements de glisser dragstart, drag et dragend)
Présentation de l'article：Grâce aux événements glisser-déposer, nous pouvons contrôler le glisser-déposer de nombreuses choses. L'élément ou l'endroit où l'événement de glissement se produit est le plus critique. Certains événements sont déclenchés sur l'élément déplacé et d'autres sur la cible de dépôt. Lorsqu'un élément est déplacé, les événements déclenchés sont : l'événement dragstart, l'événement drag et l'événement dragend.
2017-02-11
commentaire 0
1795
Explication détaillée des événements glisser-déposer (Drag and drop) en HTML5
Présentation de l'article：Prise en charge du navigateur Internet Explorer 9, Firefox, Opera 12, Chrome et Safari 5 prennent en charge le glisser-déposer. Remarque : Le glisser-déposer n'est pas pris en charge dans Safari 5.1.2. Exemple de glisser-déposer HTML5<!DOCTYPE html><html> <head> <style type="text/css"> #div1 {width:488px;height:70px;padding:10px;border:1px solid #
2017-02-21
commentaire 0
1530
Comment implémenter le glisser-déposer d'image dans React
Présentation de l'article：Comment implémenter le glisser-déposer d'image dans React en utilisant uniquement CSS
React est largement reconnu pour la création d'interfaces utilisateur interactives. Dans ce didacticiel, nous vous guiderons dans la création d'une fonctionnalité glisser-déposer pour les images dans React avec uniquement du CSS.
Étape 1 : définir
2025-01-05
commentaire 0
858
Code d'implémentation de la fonction glisser-déposer HTML5
Présentation de l'article：En HTML5, le glisser-déposer fait partie de la norme, et n'importe quel élément peut être glissé-déposé. Le contenu spécifique est le suivant 1. Glisser-déposer <!DOCTYPE HTML> <html> <head> <style type="text/". css"> #div1 {largeur :350px;hauteur:70px;padding:10px;bordure:1px solide #aaaaaa;} </style> <sc
2017-02-20
commentaire 0
1492
js implémente la fonction glisser-déposer
Présentation de l'article：Cet article présente principalement des exemples de js implémentant des effets glisser-déposer, qui ont une très bonne valeur de référence. Jetons un coup d'œil avec l'éditeur.
2017-03-01
commentaire 0
1203
Combat réel HTML5 et analyse du glisser-déposer natif (trois objets dataTransfer)
Présentation de l'article：Bien que le glisser natif soit implémenté via les événements dragstart, drag et dragend. Mais il ne s'agit que d'un simple glisser-déposer. Il existe encore des problèmes de glisser-déposer dans IE6 et IE7, et l'échange de données n'est pas implémenté. Afin de réaliser l'échange de données, IE5 a introduit l'objet dataTransfer. L'objet dataTransfer est une propriété de l'objet événement, utilisée pour transférer des données au format chaîne de l'élément glissé vers la cible de dépôt. Puisqu'il s'agit d'une propriété de l'objet événement, l'objet dataTransfer n'est accessible que dans le gestionnaire d'événements de l'événement glisser-déposer. Dans le gestionnaire d'événements, vous pouvez utiliser les propriétés et méthodes de cet objet pour compléter la fonctionnalité glisser-déposer.
2017-02-11
commentaire 0
1576
