カーソルがドラッグされたときに、DIVに色を変更するために使用する必要がありますか?

StackOverflow https://stackoverflow.com/questions/6813087

質問

以下のタスクに使用する必要があるマウスイベントを知りたいです。

カーソルがDivの上にドラッグされると、Divは色が変わります。

ドラッグすることで私はそれを意味します マウスボタンは、Divの外側のどこかにクリックされ(リリースされません)、Divの上にカーソルが移動されました (マウスボタンは、このプロセス中はいつでもリリースされていません)。

divはオンマウスオーバーに応答しないでください。マウスボタンが落ち込んでいて、divの上にドラッグして、divの変化をアクティブにする必要があります。

また、タッチデバイスに同等のイベントがあるかどうか疑問に思っていますか?

役に立ちましたか?

解決

私がこの権利を理解しているなら、あなたは次のことをすることができます:

  • グローバル変数「Mousedown」をFalseに設定します
  • 「OnMousedown」イベントを使用して、「Mousedown」をTrueに設定します
  • DIVの「マウスオーバー」イベントを使用して、最初にMousedownが真であるかどうかを最初に確認し、その場合はDivを表示します。
  • ページの「onMouseUp」イベントを使用して、「Mousedown」を再びFalseに設定します

タッチイベントに関連するJavaScriptのすべての場合、あなたは見る必要があります センチャタッチ

編集: そのようなフレームワークを避けたい場合。 HTML5仕様を確認する必要があります。タッチデバイスに関連する新しいイベントがいくつかあります。

これがそれについての素晴らしい記事です:

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

他のヒント

お勧めします jqueryui このために - それはいくつかあります ドラッグ固有のイベント 組み込み。タッチデバイス用のドラッグイベントが呼び出されます touchmove

ライセンス: CC-BY-SA帰属
所属していません StackOverflow
scroll top