0

そこで最近、ネイティブのドラッグ アンド ドロップが実際には IE5 で導入されたことを知りました (以前は、これは最近追加されたものであり、IE9 でのみ追加されたものだと思っていました...これ以上の間違いはありませんでした!)

とにかく、一連の要素にドラッグ アンド ドロップを実装しましたが、モバイル デバイスがドラッグ アンド ドロップ イベントをサポートしていないように見えることがすぐにわかりました。

私は Touch イベントについてよく知りません。

ドラッグアンドドロップで何か間違ったことをしている可能性はありますか、それともタッチイベントのわかりやすい紹介を教えてもらえますか?

4

2 に答える 2

3

jQuery の使用を好まないことは承知しています。以下のリソースは、jQuery を使用せずに Touch イベントを処理するのに役立つ場合があります。

1.W3C

http://www.w3.org/TR/touch-events/#dfn-touch-point

W3C は、2011 年 12 月 15 日に勧告候補「タッチ イベント バージョン 1」を発行しました。この勧告では、4 種類のタッチ イベントが言及されています。

touchstart event
touchend event
touchmove event
touchcancel event

2. Mozilla 開発者ネットワーク

https://developer.mozilla.org/en-US/docs/DOM/Touch_events

Mozilla Developer Network では、「タッチ イベント」の定義と、タッチ イベントを処理するサンプル コードを確認できます。

function startup() {
  var el = document.getElementsByTagName("canvas")[0];
  el.addEventListener("touchstart", handleStart, false);
  el.addEventListener("touchend", handleEnd, false);
  el.addEventListener("touchcancel", handleCancel, false);
  el.addEventListener("touchleave", handleLeave, false);
  el.addEventListener("touchmove", handleMove, false);
}

3. iOS 開発者ライブラリ

http://developer.apple.com/library/ios/#DOCUMENTATION/AppleApplications/Reference/SafariWebContent/HandlingEvents/HandlingEvents.html#//apple_ref/doc/uid/TP40006511-SW5

Apple のドキュメントは、iOS での「サポートされているイベント」を知るのに役立つかもしれません。

4. HTML5 ROCKS チュートリアルについて

http://www.html5rocks.com/en/mobile/touch/

記事「MULTI-TOUCH WEB DEVELOPMENT」では、jQuery を使用しない場合に役立つサンプル コードを示しています。

于 2012-12-12T06:42:06.403 に答える
0

jQuery は、このための優れたソリューションになる可能性があります jQuery Mobile をタッチ イベントのサポートのみ (UI の拡張なし) に使用する方法は? 基本的なイベント システムではなく、js UI ライブラリを使用してタッチ イベントを管理することをお勧めします。

于 2012-12-12T04:57:42.177 に答える