vue click事件獲取當前元素屬性


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);


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM