js event

一、概念： Event 对象代表事件的状态，当dom tree中某个事件被触发的时候，会同时自动产生一个用来描述事件所有的相关信息（比如事件在其中发生的元素、键盘按键的状态、鼠标的位置、鼠标按钮的状态。）的对象，这个对象就是event（事件对象）。

二、获取event对象的方法：

1、通过函数参数传递：注意调用处参数只能叫$event

 <a class="detail-btn" @click="clickRoleToDetail($event, role)">详情</a>


 clickRoleToDetail(e, role) {
 },

2、

三、event中常用的属性

1、type：type属性用来获得【当前触发事件】的类型，此属性只读。

2、bubbles：bubbles属性用来获得【当前触发事件的类型】是否冒泡，如果当前事件类型支持冒泡则返回true，否则返回false。必须注意的是：bubbles属性指的是该事件是否冒泡，和事件处理机制无关。

3、eventPhase ：事件传导至【当前节点】时处于什么的状态。

4、target 属性和 currentTarget 属性：target返回事件真正的触发者；currentTarget返回事件的监听者(触发的事件绑定到了哪个节点，就返回谁)。

5、button属性：button 返回当事件被触发时，哪个鼠标按钮被点击。event.button=0|1|2。参数描述：0 指定鼠标左键；1 指定鼠标中键；2 指定鼠标右键。

6、key和keyCode属性：key是哪个键；keyCode返回keydown何keyup事件发生的时候按键的代码，以及keypress 事件的Unicode字符(ASCII码值)；(firefox2不支持 event.keycode，可以用 event.which替代 )

7、当前坐标的属性：

四、 event中常用的方法：

1、stopPropgation()：阻止冒泡。

2、preventDefault()：默认阻止。如复选框注册click事件，事件中执行e.preventDefault();后，复选框将不会被选中。

五、