Event事件——鼠标事件

          首先，什么是事件，事件就是可以被控件识别的 *** 作，每一个控件、按钮都有自己的触发机制和产生相关的事件。比如，在搜索框上点击他就会出现光标让用户输入东西，这就是由点击产生的事件。在js里边事件由更好的定义。

          基本事件类型分为 UI事件，鼠标事件，键盘事件，表单事件等。

接下来先对UI事件和键盘事件进行介绍：

1. UI事件就是不一定与用户 *** 作有关的事件。它包含三个属性，load，resize，和scroll。

（1）load   当页面完全加载后在window上触发，图片也可以触发load事件。

（2）resize     当窗口大小变化时在window上触发。对于这个属性，除火狐外其他浏览器会在浏览器窗口发生变化1px时就触发事件，而火狐是在用户停止调整窗口大小时才触发。不建议在此事件中加入大计算量代码，因为可能频繁执行，导致浏览器变慢。另外窗口最大小化也会触发事件。

（3）scroll     当用户滚动，带滚动条的元素中的内容时，在该元素上面触发鼠标事件。

2. 鼠标事件。

（1）事件类型
            onclick（单击） ondblclick(双击) oncontextmenu(右键菜单)
            onmouseover(移入)onmouseout(移出)
            onmouseenter(移入)onmouseleave(移出)
            onmousedown(按下)onmouseup(抬起) onmousemove(移动)

（2） 坐标位置
            a.screenX在屏幕中的x坐标      screenY在屏幕中的y坐标

            b.clientX表示事件发生时鼠标指针在视口中的水平坐标不包含滚动距离；clientY在视口中的垂直坐标。
            c.IE没有以下两个属性，pageX在页面中的x坐标（包含滚动距离）， pageY在页面中的Y坐标。