vue 获取事件节点

模版

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

执行函数

 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

  }

},
  • clientY 指的是距离可视页面左上角的距离
  • pageY 指的是距离可视页面左上角的距离(不受页面滚动影响)
  • screenY 指的是距离屏幕左上角的距离
  • layerY 指的是找到它或它父级元素中最近具有定位的左上角距离
  • offsetY 指的是距离它自己左上角的距离
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容