2012-01-06 45 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事件,而不是在拖和下降。 :)