zoukankan      html  css  js  c++  java
  • 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:返回其监听器触发事件的节点,就是你的点击事件绑定在哪一个元素上

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

  • 相关阅读:
    phpcms页面替换
    phpcms笔记
    php头像上传预览
    phpcms后台管理
    php写流程管理
    php写留言板
    php人员权限管理(RBAC)
    单例模式
    Effective C++笔记——day01
    C++Primer笔记-----day08
  • 原文地址:https://www.cnblogs.com/pythonywy/p/11663288.html
Copyright © 2011-2022 走看看