Day11 event事件（上）

event（事件对象）概念及作用

在触发DOM上某个事件时，会产生一个事件对象event,这个对象包含着所有事件相关的信息，包含导致事件的元素，事件的类型以及其他的与特定事件相关的信息。
它是事件绑定中的一个隐藏的参数，可以通过arguments[0]来获取

document.onclick=function(ev){
                var ev=ev||window.event;
                console.log(ev);
            }

如果当前event是鼠标事件，则会有一个button属性，它是一个数字：

0代表鼠标按下了左键 1代表按下了滚轮 || 2代表按下了右键

不过老版本的IE并没有遵守W3C的规范，它的button属性含义如下：

1鼠标左键 2鼠标右键 3左右同时按 4滚轮 5左键加滚轮 6右键加滚轮 7三个同时

ev.which，既可以获取鼠标键的值（1.2.3），还可以获取键盘键入值的键盘编码，IE8不支持；onmousedown：当鼠标按下

鼠标位置

clientX,clientY:鼠标相对于可视区的位置。
pageX,pageY:鼠标相对于文档的位置。
offsetX,offsetY:鼠标相对于操作元素(鼠标点击元素)到盒子边缘(左上)的位置.
screenX,screenY:鼠标相对于显示屏的位置.

onkeydown + onkeyup =onpress

event.keyCode || event.which IE不支持(ie8)

if(event.keyCode == 13 && event.ctrlKey) { //ctrl+enter }

事件流描述的是从页面中接收事件的顺序。
事件的冒泡
IE 的事件流叫做事件冒泡，即事件开始时由最具体的元素（文档中嵌套层次最深的那个节点）接收，然后逐级向上传播到较为不具体的节点（文档）。
取消冒泡：具体元素对象（冒泡元素）的事件不会冒泡到父级（外层）。
非标准(ie8及以下)： ev.cancelBubble=true;
标准：ev.stopPropagation();