0

マウスで制御するルーレットを作成しようとしています。canvasやsvgは使用していませんが、CSS3の回転といくつかのjQueryのみを使用しています。

私が達成したいのは、マウスがルーレットの上にあり、彼がクリックされたままになっているときです。ユーザーがマウスを上下に動かしたときにホイールを回転できるようにしたいのです。私はevent.offsetYマウスの位置を取得するためにを使用しており、この位置に従って、時計の有無にかかわらずルーレットを動かしています。

問題は、ホイールの回転に応じてマウスのオフセット位置が変化していると思うことですが、ドキュメントでマウスのオフセット位置を「実際」に保つ方法はありますか?

-または-

誰かがそれを達成するためのより良いアイデアを知っていますか?

こちらのコードをご覧ください:http://jsfiddle.net/MZxgp/(Chromeでのみ動作します)

どうもありがとう!

4

1 に答える 1

2

マウスイベントをキャプチャするために移動しないオーバーレイdivを使用しました(jsFiddleを参照)

これがお役に立てば幸いです

于 2012-08-10T13:24:01.643 に答える