【1118 | Day61】Vue事件获取当前对象

一、事件传参

如:点击事件

<div @click='click'> <div>
 <div @click='click_1('msg')'> <div>
     
  .........
     
  methods:{
     click(even){
        //even为事件默认传参就是事件
     },
     click_1(msg,even){
     //有传参先接受参数最后接收事件
     }
     }

二、事件属性

bubbles>>>返回布尔值,指示事件是否是起泡事件类型。
cancelable>>>返回布尔值,指示事件是否可拥可取消的默认动作。
currentTarget>>>返回其事件监听器触发该事件的元素。
eventPhase>>>返回事件传播的当前阶段。
target>>>返回触发此事件的元素(事件的目标节点)。
timeStamp>>>返回事件生成的日期和时间。
type>>>返回当前 Event 对象表示的事件的名称。
currentTarget>>>currentTarget 事件属性返回其监听器触发事件的节点,即当前处理该事件的元素、文档或窗口。

三、其中常用的currentTarget,target

currentTarget:返回其监听器触发事件的节点就是你的点击事件绑定在哪一个元素上

target:返回事件的目标节点(触发该事件的节点)就是你当前点击的是哪一个元素

posted @ 2019-11-18 21:20  fxyadela  阅读(3787)  评论(0编辑  收藏  举报