2012-01-06 130 views
15

我正在编写一个要在iPad上查看的网页。它使用狩猎/ Webkits拖动&下降。我已经完全复制Safari的示例拖动代码&,但它不会工作。在Safari上拖放iOS:不会拖动,不会响应在桌面/ iPad上拖放

我的问题:当我运行在Safari桌面或Safari浏览器在iPad上的网页(HTML,CSS &的Javascript)的ondrop事件永远不会触发。在iPad上,我甚至不能拖动元素(显微镜thingie出现&它不会拖动,当我举行&移动我的手指在元素上)。虽然拖动在桌面上工作。

怎么回事?

小的代码示例可以在这个网页的最下方找到:http://developer.apple.com/library/safari/#documentation/appleapplications/Conceptual/SafariJSProgTopics/Tasks/DragAndDrop.html

这里是的jsfiddle(记得拖&下降的Webkit所以只有Safari浏览器,此网页是为iPad只) :http://jsfiddle.net/eyM3y/

+0

我不明白你的问题。我刚刚使用Chrome(16.0.912.75)Safari(5.1.2(7534.52.7))和我的iPad运行iOS 5.0.1进行了测试,并且它工作正常,处理被称为。有什么遗漏,我不能重现这一点? – 2012-01-09 00:05:48

+0

@DanielKurka它不适用于Safari 5.1.2版(7534.52.7)。它也不适用于我的ipad。你在Windows或MacOS上? – 2012-01-09 00:14:19

+0

我没有得到你想要完成的。每当我拖动东西时我都会收到提醒,我只是没有在空间中找到任何东西。 – nmagerko 2012-01-09 00:18:15

回答

1

您是否阅读过您在Apple文档中链接到的页面的顶部?它说:

注意:该技术仅支持桌面版本的Safari。对于iOS,请使用处理事件(Safari Web Content Guide的一部分)和Safari DOM Additions Reference中介绍的DOM Touch。

DOM Touch link

Safari DOM Additions link

我相信你可能想监听的TouchMove和touchend事件,而不是在拖和下降。 :)