当前位置: 代码迷 >> 综合 >> Vue中currentTarget $event 的用法--获取当前父元素,子元素
  详细解决方案

Vue中currentTarget $event 的用法--获取当前父元素,子元素

热度:33   发布时间:2023-09-07 04:43:27.0

<button @click = “clickfun($event)”>点击</button>

  

methods: {

clickfun(e) {

// e.target 是你当前点击的元素

// e.currentTarget 是你绑定事件的元素

    #获得点击元素的前一个元素

    e.currentTarget.previousElementSibling.innerHTML

    #获得点击元素的第一个子元素

    e.currentTarget.firstElementChild

    # 获得点击元素的下一个元素

    e.currentTarget.nextElementSibling

    # 获得点击元素中id为string的元素

    e.currentTarget.getElementById("string")

    # 获得点击元素的string属性

    e.currentTarget.getAttributeNode('string')

    # 获得点击元素的父级元素

    e.currentTarget.parentElement

    # 获得点击元素的前一个元素的第一个子元素的HTML值

    e.currentTarget.previousElementSibling.firstElementChild.innerHTML

  

    }

        },

  相关解决方案