一、事件
1、onclick
事件會(huì)在對(duì)象被點(diǎn)擊時(shí)發(fā)生
請(qǐng)注意： onclick 與 onmousedown 不同。單擊事件是在同一元素上發(fā)生了鼠標(biāo)按下事件之后又發(fā)生了鼠標(biāo)放開事件時(shí)才觸發(fā)的。
2、onmousedown
事件會(huì)在鼠標(biāo)按鍵被按下時(shí)發(fā)生
3、onmouseup
事件會(huì)在鼠標(biāo)按鍵被松開時(shí)發(fā)生
4、onmousemove
事件會(huì)在鼠標(biāo)指針移動(dòng)時(shí)發(fā)生
5、onmouseover
事件會(huì)在鼠標(biāo)指針移動(dòng)到指定的對(duì)象上時(shí)發(fā)生
6、onmouseout
事件會(huì)在鼠標(biāo)指針移出指定的對(duì)象時(shí)發(fā)生
二、event中各坐標(biāo)含義
1、offsetX、offsetY
offsetX：設(shè)置或獲取鼠標(biāo)點(diǎn)擊位置相對(duì)于觸發(fā)事件對(duì)象的水平（X）距離
offsetY：設(shè)置或獲取鼠標(biāo)點(diǎn)擊位置相對(duì)于觸發(fā)事件對(duì)象的垂直（Y）距離
2、clientX、clientY
clientX：設(shè)置或獲取事件被觸發(fā)時(shí)鼠標(biāo)指針相對(duì)于瀏覽器可視區(qū)域（不計(jì)算水平滾動(dòng)的距離）的水平（X）坐標(biāo)
clientY：設(shè)置或獲取事件被觸發(fā)時(shí)鼠標(biāo)指針相對(duì)于瀏覽器可視區(qū)域（不計(jì)算水平滾動(dòng)的距離）的垂直（Y）坐標(biāo)
3、pageX、pageY
pageX：設(shè)置或獲取事件被觸發(fā)時(shí)鼠標(biāo)指針相對(duì)于瀏覽器的水平（X）坐標(biāo)，也就是clientX加上水平滾動(dòng)條的距離
pageY：設(shè)置或獲取事件被觸發(fā)時(shí)鼠標(biāo)指針相對(duì)于瀏覽器的垂直（Y）坐標(biāo)，也就是clientY加上垂直滾動(dòng)條的距離
4、screenX、screenY
screenX：設(shè)置或獲取事件被觸發(fā)時(shí)鼠標(biāo)指針相對(duì)于用戶屏幕的水平（X）坐標(biāo)
screenY：設(shè)置或獲取事件被觸發(fā)時(shí)鼠標(biāo)指針相對(duì)于用戶屏幕的垂直（Y）坐標(biāo)
5、x、y
x：設(shè)置或獲取事件被觸發(fā)時(shí)鼠標(biāo)指針相對(duì)于父元素的水平（X）坐標(biāo)
y：設(shè)置或獲取事件被觸發(fā)時(shí)鼠標(biāo)指針相對(duì)于父元素的垂直（Y）坐標(biāo)
6、layerX、layerY
條件：觸發(fā)事件對(duì)象未設(shè)置 position: relative（相對(duì)定位）或 position: absolute（絕對(duì)定位）
layerX：設(shè)置或獲取事件被觸發(fā)時(shí)鼠標(biāo)指針相對(duì)于瀏覽器的水平（X）坐標(biāo)
layerY：設(shè)置或獲取事件被觸發(fā)時(shí)鼠標(biāo)指針相對(duì)于瀏覽器的垂直（Y）坐標(biāo)
條件：觸發(fā)事件對(duì)象設(shè)置了 position: relative（相對(duì)定位）或 position: absolute（絕對(duì)定位）
layerX：設(shè)置或獲取事件被觸發(fā)時(shí)鼠標(biāo)指針相對(duì)于觸發(fā)事件對(duì)象的水平（X）坐標(biāo)
layerY：設(shè)置或獲取事件被觸發(fā)時(shí)鼠標(biāo)指針相對(duì)于觸發(fā)事件對(duì)象的垂直（Y）坐標(biāo)
