事件

事件基础 事件处理函数 事件对象

事件基础：
JavaScript 事件是由访问 Web 页面的用户引起的一系列操作。
当用户执行某些操作的时候，再去执行一系列代码。或者用来获取事件的详细信息，
如鼠标位置、键盘按键等。

事件处理函数 ：
javaScript可以处理的事件类型为：鼠标事件、键盘事件、HTML事件；
所有的事件处理函数都会都有两个部分组成，on + 事件名称,函数体；

事件对象：
当事件触发的时候，会产生一个事件对象，这个事件包含着与事件有关的所有信息，并且系统会生成一个隐藏的参数，这个参数就是event;
onmousedown> onmouseup>onmouseclick

body如果没有设置高度 那么是由内容撑起来，鼠标活动区域也不是全部；
clientX 可视区域；
pageX 页面；
offsetx 距当前操作对象的左上角。或者叫做事件源，直接出发某个事件产生的DOM对象；
screenX 距离显示屏的左边距 或上边距；

clientwidth:和offsetwidth 一样 但不包括border

enter不支持冒泡 以及leave

ev.scroolTop = ev.scroolHeight; 可视区域距离页面顶部的距离，可以让滚动条向下自行滑动；

阻止事件冒泡的兼容写法：
if(evt.stopPropagation){
evt.stopPropagation();
}else{evt.cancelBubble = true;
}

找到事件触发的事件源的兼容写法：

(evt.target || evt.srcElement)

altKey属性，bool类型，表示发生事件的时候alt键是否被按下
ctrlKey属性，bool类型，表示发生事件的时候ctrl键是否被按下
shiftKey属性，bool类型，表示发生事件的时候shift键是否被按下