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 :
Glisser-déposer</title.</p><p><span class='level'>2017-02-21</span><!-- <span>回答次数0</span>--><i class="layui-icon layui-icon-friends"></i><span>1493</span></p></div></li><li class='layui-clear'><div class='noimg-course-intro'><h2><a href="">Parlez d'une compréhension approfondie du glisser-déposer natif JavaScript</a></h2><p>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.</p><p><span class='level'>2017-01-18</span><!-- <span>回答次数0</span>--><i class="layui-icon layui-icon-friends"></i><span>1149</span></p></div></li><li class='layui-clear'><div class='noimg-course-intro'><h2><a href="">Combat réel HTML5 et analyse du glisser-déposer natif (un aperçu de l'historique du glisser-déposer)</a></h2><p>Quand je parle de glisser-déposer, je pense à un effet très intéressant lors de l'entraînement JavaScript, qui est le glisser-déposer. Vous pouvez utiliser la souris pour faire glisser un objet où vous le souhaitez.</p><p><span class='level'>2017-02-11</span><!-- <span>回答次数0</span>--><i class="layui-icon layui-icon-friends"></i><span>1631</span></p></div></li><li class='layui-clear'><div class='noimg-course-intro'><h2><a href="">Tutoriel HTML5 - Glisser-Déposer</a></h2><p>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.</p><p><span class='level'>2016-12-27</span><!-- <span>回答次数0</span>--><i class="layui-icon layui-icon-friends"></i><span>1700</span></p></div></li><li class='layui-clear'><div class='noimg-course-intro'><h2><a href="">Comment implémenter le glisser-déposer dans les applications C# ?</a></h2><p>Fonctionnalité glisser-déposer pour les applications C#Question :Comment puis-je intégrer une fonctionnalité glisser-déposer dans une application C#, similaire à...</p><p><span class='level'>2025-01-07</span><!-- <span>回答次数0</span>--><i class="layui-icon layui-icon-friends"></i><span>631</span></p></div></li><li class='layui-clear'><div class='noimg-course-intro'><h2><a href="">Comment implémenter la fonctionnalité glisser-déposer dans une application C# ?</a></h2><p>Implémentation du glisser-déposer dans les applications C#Dans les applications C#, la fonctionnalité glisser-déposer peut être implémentée pour simplifier les interactions utilisateur,...</p><p><span class='level'>2025-01-07</span><!-- <span>回答次数0</span>--><i class="layui-icon layui-icon-friends"></i><span>854</span></p></div></li><li class='layui-clear'><div class='noimg-course-intro'><h2><a href="">Outil IA : avec glisser-déposer et tailwindcss</a></h2><p>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</p><p><span class='level'>2024-10-18</span><!-- <span>回答次数0</span>--><i class="layui-icon layui-icon-friends"></i><span>354</span></p></div></li><li class='layui-clear'><div class='noimg-course-intro'><h2><a href="">Comment implémenter la fonctionnalité glisser-déposer de fichiers dans une application C# ?</a></h2><p>Glisser et déposer des fichiers dans une application C#L'intégration de la fonctionnalité glisser-déposer dans une application C# est une fonctionnalité précieuse pour...</p><p><span class='level'>2025-01-07</span><!-- <span>回答次数0</span>--><i class="layui-icon layui-icon-friends"></i><span>641</span></p></div></li><li class='layui-clear'><div class='noimg-course-intro'><h2><a href="">Comment puis-je implémenter la fonctionnalité glisser-déposer de fichiers dans mon application C# ?</a></h2><p>Glisser et déposer des fichiers dans des applications C# : un guide complet De nombreuses applications modernes offrent la commodité du glisser-déposer...</p><p><span class='level'>2025-01-07</span><!-- <span>回答次数0</span>--><i class="layui-icon layui-icon-friends"></i><span>219</span></p></div></li><li class='layui-clear'><div class='noimg-course-intro'><h2><a href="">Explication détaillée et exemples du glisser-déposer HTML5 (Drag and Drop)</a></h2><p>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é</p><p><span class='level'>2017-02-09</span><!-- <span>回答次数0</span>--><i class="layui-icon layui-icon-friends"></i><span>1885</span></p></div></li><li class='layui-clear'><div class='noimg-course-intro'><h2><a href="">Pouvez-vous supprimer la transparence des éléments glissés dans le glisser-déposer HTML5 ?</a></h2><p>Opacité des éléments glissés dans le glisser-déposer HTML5Lors du glisser-déposer d'éléments dans une page Web HTML5, les utilisateurs peuvent remarquer que les éléments glissés...</p><p><span class='level'>2024-10-26</span><!-- <span>回答次数0</span>--><i class="layui-icon layui-icon-friends"></i><span>613</span></p></div></li><li class='layui-clear'><div class='noimg-course-intro'><h2><a href="">Explication détaillée des événements glisser-déposer (Drag and drop) en HTML5</a></h2><p>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 #</p><p><span class='level'>2017-02-21</span><!-- <span>回答次数0</span>--><i class="layui-icon layui-icon-friends"></i><span>1559</span></p></div></li><li class='layui-clear'><div class='noimg-course-intro'><h2><a href="">Comment implémenter le glisser-déposer d'image dans React</a></h2><p>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</p><p><span class='level'>2025-01-05</span><!-- <span>回答次数0</span>--><i class="layui-icon layui-icon-friends"></i><span>886</span></p></div></li><li class='layui-clear'><div class='noimg-course-intro'><h2><a href="">Code d'implémentation de la fonction glisser-déposer HTML5</a></h2><p>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</p><p><span class='level'>2017-02-20</span><!-- <span>回答次数0</span>--><i class="layui-icon layui-icon-friends"></i><span>1510</span></p></div></li><li class='layui-clear'><div class='noimg-course-intro'><h2><a href="">Comment puis-je obtenir un comportement cohérent du glisser-déposer du curseur dans tous les navigateurs ?</a></h2><p>Curseurs CSS pour la compatibilité glisser-déposer sur les navigateursLors de la conception d'applications Web JavaScript qui impliquent le glisser-déposer d'éléments...</p><p><span class='level'>2024-11-07</span><!-- <span>回答次数0</span>--><i class="layui-icon layui-icon-friends"></i><span>413</span></p></div></li><li class='layui-clear'><div class='noimg-course-intro'><h2><a href="">Comment empêcher le glisser-déposer d'images en HTML ?</a></h2><p>É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...</p><p><span class='level'>2024-11-02</span><!-- <span>回答次数0</span>--><i class="layui-icon layui-icon-friends"></i><span>1021</span></p></div></li><li class='layui-clear'><div class='noimg-course-intro'><h2><a href="">js implémente la fonction glisser-déposer</a></h2><p>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.</p><p><span class='level'>2017-03-01</span><!-- <span>回答次数0</span>--><i class="layui-icon layui-icon-friends"></i><span>1230</span></p></div></li><li class='layui-clear'><div class='noimg-course-intro'><h2><a href="">Puis-je empêcher la transparence des éléments glisser-déposer en HTML5 ?</a></h2><p>Glisser-déposer HTML5 - Éléments de glissement transparentsLorsque vous faites glisser un élément dans une page Web HTML5, il apparaît souvent semi-transparent ou "fantôme"....</p><p><span class='level'>2024-10-26</span><!-- <span>回答次数0</span>--><i class="layui-icon layui-icon-friends"></i><span>926</span></p></div></li><li class='layui-clear'><div class='noimg-course-intro'><h2><a href="">Combat réel HTML5 et analyse du glisser-déposer natif (trois objets dataTransfer)</a></h2><p>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.</p><p><span class='level'>2017-02-11</span><!-- <span>回答次数0</span>--><i class="layui-icon layui-icon-friends"></i><span>1605</span></p></div></li><li class='layui-clear'><div class='noimg-course-intro'><h2><a href="">Existe-t-il des équivalents multi-navigateurs aux curseurs « -moz-grab » et « -moz-grabbing » pour la fonctionnalité glisser-déposer ?</a></h2><p>Curseurs CSS pour le glisser-déposer : extension de la compatibilitéLors de la conception d'applications Web impliquant une fonctionnalité de glisser-déposer, il est crucial de...</p><p><span class='level'>2024-11-06</span><!-- <span>回答次数0</span>--><i class="layui-icon layui-icon-friends"></i><span>693</span></p></div></li><div class="t_a_c" id="pagination"></div></ul></div><footer><div class="footer"><div class="footertop"><img src="/static/imghwm/logo.png" alt=""><p>Formation PHP en ligne sur le bien-être public，Aidez les apprenants PHP à grandir rapidement！</p></div><div class="footermid"><a href="https://m.php.cn/fr/about/us.html">À propos de nous</a><a href="https://m.php.cn/fr/about/disclaimer.html">Clause de non-responsabilité</a><a href="https://m.php.cn/fr/update/article_0_1.html">Sitemap</a></div><div class="footerbottom"><p>
© php.cn All rights reserved
</p></div></div></footer><script>isLogin = 0;</script><script type="text/javascript" src="/static/layui/layui.js"></script><script type="text/javascript" src="/static/js/global.js?1740103226"></script><script> layui.use(['form','element','laypage'], function(){
var element = layui.element;
var form = layui.form;
laypage = layui.laypage;
pagination();
});
function pagination(){
laypage.render({
elem: 'pagination' //注意，这里的 test1 是 ID，不用加 # 号
,limit:20 ,count: 10000 //数据总数，从服务端得到
,curr:1 ,jump: function(obj, first){
//首次不执行
if(!first){
window.location.href="/search/article?word=Plugin glisser-déposer Draggin.js&p="+obj.curr;
}
}
});
}
</script></body></html>
