2012-01-06 12 views
15

Estoy codificando una página web para ser visto en el iPad. Utiliza Safaris/Webkits drag & drop. He copiado exactamente el código de ejemplo de arrastrar de Dragari &, pero no funcionará.Arrastrar y soltar en Safari iOS: no arrastrar, no responder para soltar en el escritorio/iPad

Mi Problema: El evento ondrop Nunca se desencadena cuando corro la página web (HTML, CSS & Javascript) en Safari escritorio o en Safari en un iPad. En ipad no puedo ni siquiera arrastrar los elementos (la cosa del microscopio aparece & no se arrastrará cuando sostengo & mover mi dedo sobre el elemento). Sin embargo, el arrastre sí funciona en el escritorio.

¿Qué está mal?

El pequeño ejemplo de código se puede encontrar en la parte inferior de esta página: http://developer.apple.com/library/safari/#documentation/appleapplications/Conceptual/SafariJSProgTopics/Tasks/DragAndDrop.html

Aquí es el jsFiddle (recuerde el arrastre & gota es Webkit tan sólo para Safari-página es para ipad solamente) : http://jsfiddle.net/eyM3y/

+0

no recibo su problema. Acabo de probar con Chrome (16.0.912.75) Safari (5.1.2 (7534.52.7)), y mi iPad con iOS 5.0.1 y funciona bien, se llama handlerop. ¿Qué falta que no pueda reproducir esto? –

+0

@DanielKurka No funciona en safari versión 5.1.2 (7534.52.7). Tampoco funciona en mi ipad. ¿Estás en Windows o MacOS? –

+0

No entiendo lo que estás tratando de lograr. Recibo una alerta cada vez que arrastro algo, simplemente no obtengo nada en los espacios. – nmagerko

Respuesta

1

¿Leyó la parte superior de la página que enlazó en la documentación de Apple? Dice:

Nota: Esta tecnología solo se admite en versiones de escritorio de Safari. Para iOS, use DOM Touch, que se describe en Gestión de eventos (parte de Safari Web Content Guide) y Safari DOM Additions Reference.

DOM Touch link

Safari DOM Additions link

creo que es posible que desee escuchar los eventos TouchMove y touchend en lugar de en el arrastre y soltar. :)