标签：
在触发DOM上的某个事件时，会产生一个事件对象event,这个对象中包含着所有与事件有关的信息。包含导致事件的元素、事件的类型以及其他与特定事件相关的信息。所有的浏览器都支持event对象，但支持的方式不同。
event对象本身就是一个构造函数，可以用来生成新的实例。
event = new Event(typeArg, eventInit);
Event构造函数接受两个参数。第一个参数是字符串，表示事件名称，第二个参数是一个对象，表示事件对象的配置。
var ev = new Event(‘click‘, {‘bubble‘:true, ‘cancelable‘:false}); document.dispatchEvent(ev);
bubbles属性返回一个布尔值，表示当前时间是否冒泡，该属性为只读属性，只能在新建事件时改变，默认值为false.
eventPhase属性返回一个整数，表示事件目前所处的节点：1表示捕获阶段，2表示目标阶段，3表示冒泡阶段
以下属性与事件的默认行为有关。
cancelable属性返回一个布尔值，表示事件是否可以取消。该属性为只读属性，只能在新建事件时改变，Event构造函数生成的对象默认值为false。如果要取消某个事件，需要在这个时间上面调用preventDefault方法，这会阻止浏览器的默认行为。
defaultPrevented属性返回一个布尔值，表示该事件是否调用过preventDefault方法。
以下属性与事件的目标节点有关。
currentTarget属性返回事件当前所在的节点，即正在执行的监听函数所绑定的那个节点，而target属性返回事件发生的节点。如果监听函数在捕获阶段和冒泡阶段，那么这两个属性返回的值是不一样的。
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>currentTarget和target</title> </head> <body> <p id="para1">test<em> currentTarget</em> </p> <p id="para2">test<em> target</em> </p> </body>
<script> var para1 = document.querySelector(‘#para1‘); var para2 = document.querySelector(‘#para2‘); para1.addEventListener(‘click‘, hide1, false); para2.addEventListener(‘click‘, hide2, false); function hide1(e) { console.log(this === e.currentTarget); //true e.currentTarget.style.visibility = ‘hidden‘; } function hide2(e) { console.log(this === e.target); //不一定为true e.target.style.visibility = ‘hidden‘; } </script> </html>
以下属性与事件对象的其他信息有关。
type属性返回一个 字符串，表示事件类型，具体的值同addEventListener方法的第一个参数相同。
var string = event.type
detail属性返回一个数值，表示事件的某种属性。具体含义与事件类型有关，对于鼠标事件，表示鼠标事件在某个位置按下的次数。
timeStamp属性返回一个毫秒时间戳，表示事件发生的时间
istrusted属性返回一个布尔值，表示该事件是否可以信任。Firefox浏览器中，用户触发的事件会返回true，脚本触发的事件返回false；IE浏览器中，除了使用createEvent方法生成的事件，所有其他事件都返回true；Chrome浏览器不支持该属性。
preventDefault方法取消浏览器对当前事件的默认行为，如果cancelable是true，则可以使用该方法。
stopPropagation方法阻止事件在DOM中继续传播，防止再触发定义在别的节点上的监听函数，但不包括在当前节点新定义的事件监听函数。
stopImmediatePropagation方法阻止同一个事件的其他监听函数被调用。如果同一个节点对一个事件调用了多个监听函数，这些监听函数将按照顺序执行，但是如果其中一个函数调用了该方法，那么后面的其他函数将不再执行。
标签：
原文地址：http://www.cnblogs.com/yannanyan/p/5069428.html
