2014-03-06 144 views
1

http://codepen.io/anon/pen/dpiBsSnap.svg點擊事件可拖動,事件觸發沒有在觸摸設備上

我有一組,包含兩個矩形。紅色矩形上有點擊事件,顯示警報消息。父組是可拖動的。

在計算機上,當您拖動紅色矩形時,它會移動,並在拖動結束時顯示警報。那沒問題。但在觸控設備上(使用iOS7在iPad 3上測試),您可以拖動這些矩形,但紅色矩形上的單擊事件從不會執行。

有什麼辦法如何在觸摸設備上的紅色矩形上啓用該點擊事件? 此外,任何建議如何擺脫在計算機上的拖動結束點擊事件是值得歡迎的。

感謝您的幫助。

+1

你玩過http://snapsvg.io/docs/#Element.touchstart嗎?想知道如果這可能有所幫助。 – Ian

回答

1

伊恩指出我正確的方向。在觸控設備上,我們必須使用touchstart和touchend事件。我使用modernizr來檢測觸摸設備。這裏是新的codepen,這是我的工作:http://codepen.io/anon/pen/yDKep

非常感謝伊恩!

編輯:我的解決方案不適用於Android。例如,檢查touchstart和touchend上的目標元素是否具有相同的id比較好。