1. Accueil
  2. Question et réponse
  3. Drag'n'Drop et la détection Coller avec contentEditable ou designMode permis

Drag'n'Drop et la détection Coller avec contentEditable ou designMode permis

2010-02-14 6 views
3

Est-ce que quelqu'un d'entre vous connaissez un moyen de travail navigateur croix pour détecter pâte ou drag'n'drop insère dans un document HTML modifiable (avec designMode ou contentEditable activé).Drag'n'Drop et la détection Coller avec contentEditable ou designMode permis

La détection de pâte fonctionne tant que l'utilisateur utilise le raccourci Ctrl-V car il génère des événements clés, mais si vous utilisez les navigateurs Edition-> Coller, aucun événement n'est généré.

Source

2010-02-14 Fionn

+1

Je vous suggère de regarder CodeMirror (http://marijn.haverbeke.nl/codemirror/) et voir ce que l'auteur a fait. – LiraNuna

+0

Il semble détecter la pâte bien, mais avec glisser-déposer, vous pouvez faufiler le code non détecté. – Fionn

Répondre

1

Il existe un événement paste qui fonctionne pour toutes les pâtes dans un document éditable, dans Firefox à partir de la version 3.0, WebKit depuis quelques années (pas sûr du numéro de version) et IE depuis 5.5. L'ajout du gestionnaire d'événements paste à l'élément body fonctionne dans tous ces navigateurs. Je crains de ne pas avoir un aperçu des événements de glisser-déposer: sur les éditeurs sur lesquels j'ai travaillé, j'ai eu de bonnes raisons de désactiver explicitement le glisser-déposer.

Source

2010-02-14 11:36:56

0

Pour gérer drag'n'drop, vous pouvez vous abonner à l'événement mouseUp. Mais dans ce cas, vous devez analyser déjà html collé.

Source

2010-04-27 14:00:28 chapluck

Questions connexes

 Questions connexes