本の虫: DOM level 3のマウスイベントにおけるカーソル位置の詳細

本の虫: DOM level 3のマウスイベントにおけるカーソル位置の詳細

マウスイベントは、DOM level 3で定義されている。問題は、規格の定義が曖昧で、ブラウザの実装が救いが...概要を表示 マウスイベントは、DOM level 3で定義されている。問題は、規格の定義が曖昧で、ブラウザの実装が救いがたいぐらい異なっているということだ。ここでは、マウスの位置を取得する方法を、完璧に解説しようと思う。とくに、canvasを使うにあたっては、マウスカーソルの位置を取得することは重要だ。 座標とは何か ここで私の言う座標とは、ある点を(0,0)と置いた場合の、その点からの位置(x,y)のことである。ただし、右下が正になる。これはコンピューターの世界では、一般的な座標系である。では、その基準となるべき「ある点」とはどこか。これが問題である。 次のようなコードを考える。 var mouse_event_listener = { handleEvent : function(event) { //ここにコードが記述される } } ; これは、DOM level 3 Eventに準拠するイベン

• JavaScript
• DOM
• mouse
• CSS
• プログラミング
• Ajax
• js
• html5
• Firefox