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