jQuery Girl
  1. jQuery Girl
  3. Problème Drag & Drop HTML5 dans Internet Explorer (access à la propriété dataTransfer impossible)
Intereting Posts
Google Adsense dans une boîte de dialog JQuery? Enregistrer D3 svg sous forme d’image de haute qualité La boîte de dialog JQuery s’affiche momentanément au chargement de la page Utilisation de la méthode jquery Bind que je n’ai jamais vue auparavant En-tête Access-Control-Allow-Origin lorsque Origin ‘null’ lors d’une tentative de publication de données dans une application LOCAL la liste déroulante n’est pas renseignée dans la barre d’outils des filtres dans la grid jQuery jQuery lorsque chacun est terminé, fonction de déclenchement Envoi du fichier zip généré (JSZip) en XmlHttprequest (javascript) jQuery .submit () n’envoie pas d’entrée soumettre à Firefox Ajax tabs (wordpress) Application de jQuery live () aux éléments générés dynamicment Reverse Zen Coding Ouvrir la boîte de dialog jQuery lors de la sélection d’une date dans jQuery datepicker inline jQuery sélectionnant un sélecteur avec élément namespaced Fondu d’une image chargée dans Canvas avec drawImage

Problème Drag & Drop HTML5 dans Internet Explorer (access à la propriété dataTransfer impossible)

J’essaie d’implémenter les fonctionnalités de base du glisser-déposer avec HTML5. Cela fonctionne parfaitement dans Chrome, mais dans IE10, je reçois un 0x8000ffff - JavaScript runtime error: Unexpected call to method or property access. erreur dans la ligne setData . 

 function handleDragStart(e) { e.dataTransfer.effectAllowed = 'move'; e.dataTransfer.setData("dropTarget", g.destination); } var cols = $("#" + g.source + " tbody > tr"); [].forEach.call(cols, function (col) { col.addEventListener('dragstart', handleDragStart, false); });

Qu’est-ce que je fais mal?

Pour ceux qui cherchent une réponse:

Les atsortingbuts getData () et setData () doivent être appelés exactement “texte”, puisque vous pouvez utiliser n’importe quel paramètre dans les autres navigateurs (ce qui est tout à fait logique – IE claque à nouveau), ces autres réponses ici sont inutiles.

Tu as raison. Dans IE 11, je suis passé de e.dataTransfer.getData (‘text / html’) à e.dataTransfer.getData (‘text’) et aucune erreur ne s’est produite. Dto. dans e.dataTransfer.setData (‘text’).

Cet exemple (les méthodes DnD) sera ensuite exécuté dans IE 11, Chrome et Firefox: http://www.developer.com/lang/using-html5-drag-and-drop-in-asp.net.html

On dirait que j’ai mal compris l’objective de dataTransfer.setData .

Cela ne fonctionne que comme ça:

e.dataTransfer.setData("Text", g.destination);