Vue中currentTarget $event 的用法

最新推荐文章于 2024-10-12 08:16:30 发布

hh3167253066

最新推荐文章于 2024-10-12 08:16:30 发布

阅读量1.9k

点赞数

分类专栏： # Vue 文章标签： vue js

本文链接：https://blog.csdn.net/hh3167253066/article/details/119839669

版权

Vue 专栏收录该内容

37 篇文章 0 订阅

订阅专栏

这篇博客探讨了JavaScript中事件处理的方法，包括`clickfun`函数的使用，展示了如何通过`e.target`和`e.currentTarget`获取点击元素及其属性。还讲解了如何访问元素的相邻元素、子元素以及获取特定ID和属性的元素。此外，文中还涉及了DOM操作，如获取父元素和子元素的内容。

摘要由CSDN通过智能技术生成

<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
	}
},