事件

1.JavaScript和html的交互是通过事件实现的。事件，就是文档或浏览器窗口中发生的一些特定交互瞬间。

2.事件驱动模型：由事件的发生来触发程序的执行。

 常见的事件

  1.0 鼠标事件：

ps:onmouseenter 事件类似于onmouseover 事件。 唯一的区别是 onmouseenter 事件不支持冒泡 。

onmouseleave 事件类似于onmouseout 事件。 唯一的区别是 onmouseleave 事件不支持冒泡 。

 2.0 键盘事件：

三者的触发次序为： onkeydown --> onkeypress ---> onkeyup

案例： 聊天对话   ---当按下ctrl+回车是发送内容

3.0  onload  页面加载完成

onscroll      窗口滚动

3.Event对象  -- 这个对象包含着所有与事件相关的信息

有了Event，可以处理任何跟鼠标或键盘相关的信息

兼容问题：

1.0    老版本的IE不支持在触发时事件时通过传参直接获取event对象，而是用  window.event来获取event事件对象

eg:IE浏览器老版本中

-------->   输出 undefined,不能传参数表拿不到event对象

---> 正常

 

解决兼容问题：

  -----> （接收到的参数不一定有值）如果是标准浏览器，则可以接收参数，取evt的值，如果是IE，参数接收不到，则接收 window.event（window可以省略）的值。

4.DOM操作的增删改查

5.计算元素的位置大小

计算属性：

   1.0相对于可视区域

 2.0 相对参考系，（offset偏移），相对于点击的元素

 

 3.0   pageX/pageY  相对于整个页面，包括滚动条的区域

6.获取元素在页面中的绝对位置

7.获取键盘码---兼容问题

ps：回车不是功能键，keypress可以识别