マウス イベントを使用して四角形 (div) を描画しようとしています。これが私のコードです:
http://jsbin.com/apediti/2/edit
基本的に私は次のことをやっています:
[マウス座標を保存] で、size: 、 、およびとのイベント ハンドラーをバインドする
mousedown新しい div を作成します。width=0height=0mousemovemouseupmousemove現在のマウス位置に基づいて div のサイズを変更します。とのイベントハンドラー
mouseupをアンバインドします。mousemovemouseup
Firefox や IE 10 でも問題なく動作するようですが、Chrome ではmousemoveマウスダウン後にイベントが 2 回または 3 回しか発生しないことがあるため、描画された div のサイズが変更されません。
理由がわかりません。どんな助けでも大歓迎です。