マウスイベントと違いclientX、offsetX、がscreenX、pageX、Xさん

 

 

 

 

マウスイベント

マウスイベントのこれらのタイプ下：

1. onclickの

マウスクリックイベント

box.onclick = function(e){
    console.log(e)
}

• 1
• 2
• 3

2.れるonmousedown

マウスダウンイベント

box.onmousedown = function(e){
    console.log(e)
}

• 1
• 2
• 3

3. onMouseUpの

マウスイベントをリリース

box.onmouseup = function(e){
    console.log(e)
}

• 1
• 2
• 3

4.れるonmousemove

マウスモーションイベント

box.onmousemove = function(e){
    console.log(e)
}

• 1
• 2
• 3

5. onmouseover属性

ロールオーバーイベント

box.onmouseover = function(e){
    console.log(e)
}

• 1
• 2
• 3

6. ONMOUSEOUT

描画するマウスイベント

box.onmouseout = function(e){
    console.log(e)
}

• 1
• 2
• 3

上記情報印刷E、約：

これは、マウスイベント（MouseEventの）上で見つけることができます：
       座標の多くが含まれており、それぞれの意味の座標が異なっています。一つずつ、およびその意味を座標私たちは共通紹介しましょう。

、clientX、clientYプロパティ

現在のクリック位置X本体可視領域から、y座標

二、pageX、pageY

の体積に対する本体部の長さを含むページ全体について

三、がscreenX、screenYの

現在のx、y座標のコンピュータ画面から場所をクリック

四、offsetX、offsetY

x、y座標位置決め親ボックスに対して

五、X、Y、

とがscreenX、screenYのよう

図示のように：