javaScript - 事件
事件的绑定：
元素.addEventListener("事件类型",方法名称,false);
事件类型名称前面去掉on，不然会不起左右比如，onclick -> click
方法可以是匿名方法，也可以是自定义的方法
<button id="sub">提交</button> <script> function bt_click(event){ alert("点击了按钮"); } document.getElementById("sub").addEventListener("click",bt_click,false); </script>
事件内置对象Event：
| 属性 | 描述 |
| type | 事件的类型，如onlick中的click； |
| srcElement/target | 事件源，就是发生事件的元素； |
| button | 声明被按下的鼠标键，整数，1代表左键，2代表右键，4代表中键，如果按下多个键，酒把这些值加起来，所以3就代表左右键同时按下；（firefox中 0代表左键，1代表中间键，2代表右键） |
| clientX/clientY | 事件发生的时候，鼠标相对于浏览器窗口可视文档区域的左上角的位置；(在DOM标准中，这两个属性值都不考虑文档的滚动情况，也就是说，无论文档滚动到哪里，只要事件发生在窗口左上角，clientX和clientY都是 0，所以在IE中，要想得到事件发生的坐标相对于文档开头的位置，要加上document.body.scrollLeft和 document.body.scrollTop) |
| offsetX,offsetY/layerX,layerY | 事件发生的时候，鼠标相对于源元素左上角的位置； |
| x,y/pageX,pageY | 检索相对于父要素鼠标水平坐标的整数； |
| altKey,ctrlKey,shiftKey等 | 返回一个布尔值； |
| keyCode | 返回keydown何keyup事件发生的时候按键的代码，以及keypress 事件的Unicode字符；(firefox2不支持 event.keycode，可以用 event.which替代 ) |
| fromElement,toElement | 前者是指代mouseover事件中鼠标移动过的文档元素，后者指代mouseout事件中鼠标移动到的文档元素； |
| cancelBubble 阻止事件的冒泡行为 | 一个布尔属性，把它设置为true的时候，将停止事件进一步起泡到包容层次的元素；(e.cancelBubble = true; 相当于 e.stopPropagation();) |
| returnValue 阻止事件的默认行为 | 一个布尔属性，设置为false的时候可以组织浏览器执行默认的事件动作；(e.returnValue = false; 相当于 e.preventDefault();) |
| attachEvent(),detachEvent()/addEventListener(),removeEventListener | 为制定DOM对象事件类型注册多个事件处理函数的方法，它们有两个参数，第一个是事件类型，第二个是事件处理函数。在 attachEvent()事件执行的时候，this关键字指向的是window对象，而不是发生事件的那个元素； |
| screenX、screenY | 鼠标指针相对于显示器左上角的位置，如果你想打开新的窗口，这两个属性很重要； |
事件流：
js中的事件要么是捕获阶段，要么是冒泡阶段，这两种状态：
捕获阶段从上往下(从父类到子类)，冒泡阶段从下往上(从子类到父类)
addEventListener默认为false，事件流默认为冒泡阶段；当addEventListener设置为true时，事件流为捕获阶段
事件方法中this与event.target的区别：
e.target返回的是触发事件的对象(元素)；this返回的是绑定事件的对象(元素)
