Vue可以傳遞$event對象
<body id="app">
<ul>
<li @click="say('hello!', $event)">點擊當前行文本</li>
<li>li2</li>
<li>li3</li>
</ul>
<script>
new Vue({
el: '#app',
data: {
message: 'Hello Vue.js!'
},
methods: {
say: function(msg, event) {
//獲取點擊對象
var el = event.currentTarget;
alert("當前對象的內容:"+el.innerHTML);
}
}
})
</script>
</body>
currentTarget:currentTarget 事件屬性返回其監聽器觸發事件的節點,即當前處理該事件的元素、文檔或窗口。
通俗一點說,就是你的點擊事件綁定在哪一個元素上,currentTarget獲取到的就是哪一個元素。
Event對象的一些兼容性寫法
//獲得event對象兼容性寫法
event || (event = window.event);
//獲得target兼容型寫法
event.target||event.srcElement
//阻止瀏覽器默認行為兼容性寫法
event.preventDefault ? event.preventDefault() : (event.returnValue = false);
//阻止冒泡寫法
event.stopPropagation ? event.stopPropagation() : (event.cancelBubble = true);
