事件

1、事件对象：

 

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

2、键盘事件：onkeydown；onkeyup；onkeypress

3、输入框事件：onfocus；onblur；onchange；oninput；onsubmit；onscroll

 

2、对象.事件 = function（）{ }

 

对象：事件源 目标元素

事件：shi事件类型

函数：预处理函数（靠事件去触发）

3、如何查看用户点击了鼠标的哪个键？

 

e.button 0代表左键 1代表滚轮  2代表右键

 

4、什么时候回用到事件对象呢？

 

当你想要使用鼠标的一些信息或者键盘的一些信息的时候就需要使用事件对象

 

5、事件对象的兼容性

 

IE：传参数与不传参数都无所谓，但是输出的参数必须是event，

但是谷歌：高版本没任何问题。

 

6、事件对象坐标（以下四种都有兼容性问题）

 

1、clientX clientY  可视区的X Y坐标，不包括滚动条

2、offsetX offsetY 当前元素自身的坐标

3、pageX pageY  当前页面的坐标包括滚动条

4、screenX screenY 距离当前屏幕的坐标

 

7、事件概念

 

javaScript可以处理的事件类型为：鼠标事件、键盘事件、HTML事件

 所有的事件处理函数都会都有两个部分组成，on + 事件名称