vue事件获取当前对象
程序员文章站
2022-06-24 09:36:32
一.事件传参 如点击事件 二.事件属性 bubbles:返回布尔值,指示事件是否是起泡事件类型。 cancelable:返回布尔值,指示事件是否可拥可取消的默认动作。 currentTarget:返回其事件监听器触发该事件的元素。 eventPhase:返回事件传播的当前阶段。 target:返回触 ......
一.事件传参
如点击事件
<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:返回其监听器触发事件的节点,就是你的点击事件绑定在哪一个元素上
arget:返回事件的目标节点(触发该事件的节点),就是你当前点击的是哪一个元素