事件

一、事件對象：

 

一、鼠標事件：onclick；dbclick；onmouseover；onmouseenter；onmouseout；onmouseleaver；onmousedown；onmouseup；onmousemove；onmousewheel；

二、鍵盤事件：onkeydown；onkeyup；onkeypress

三、輸入框事件：onfocus；onblur；onchange；oninput；onsubmit；onscroll

 

二、對象.事件 = function（）{ }

 

對象：事件源 目標元素

事件：shi事件類型

函數：預處理函數（靠事件去觸發）

三、如何查看用戶點擊了鼠標的哪一個鍵？

 

e.button 0表明左鍵 1表明滾輪  2表明右鍵

 

四、何時回用到事件對象呢？

 

當你想要使用鼠標的一些信息或者鍵盤的一些信息的時候就須要使用事件對象

 

五、事件對象的兼容性

 

IE：傳參數與不傳參數都無所謂，可是輸出的參數必須是event，

可是谷歌：高版本沒任何問題。

 

六、事件對象座標（如下四種都有兼容性問題）

 

一、clientX clientY  可視區的X Y座標，不包括滾動條

二、offsetX offsetY 當前元素自身的座標

三、pageX pageY  當前頁面的座標包括滾動條

四、screenX screenY 距離當前屏幕的座標

 

七、事件概念

 

javaScript能夠處理的事件類型爲：鼠標事件、鍵盤事件、HTML事件

 全部的事件處理函數都會都有兩個部分組成，on + 事件名稱