一.事件傳參 如點擊事件 二.事件屬性 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:返回事件的目標節點(觸發該事件的節點),就是你當前點擊的是哪一個元素