1.获取自定义属性
 
 
var testEle = document.getElementById("test")  
 
testEle.setAttribute("key","value"); // 设置  
  
testEle.attributes["key"].nodeValue; // 获得  
 

 
 
2.event的触发事件对象和绑定事件对象
 
event.target返回触发事件的元素
 event.currentTarget返回绑定事件的元素
 
 

 
 

 

 
 js的事件，如点击事件，可以直接用this获取事件对象，而jQuery可以使用$(this)来获取事件对象。vue必须借助事件的 event 对象 的 currentTarget 才能获取事件对象
 
 
v-on:click="onClick( $event)"
 
 
onClick(e){
 
 
//jquery
 
 
$(e.currentTarget)
 
 
 console.log(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
 }

 
 
 
 
转载于:https://www.cnblogs.com/zhaoyun4122/p/10814903.html

前言
 
 
 
其实基本上用不到事件对象，无论是 uni-app 还是小程序。
 
 
这里简单介绍一下在 uni-app 中如何获取事件对象。
 
实现
 
<button @click="getEvent('正常传递', $event)">获取事件对象</button>
 
/*
 * 获取事件对象
 * @param {String} msg - 示例数据
 * @parma {Object} event - 事件对象
 * @return void
 */
getEvent: function(msg, event)
{
	console.log(msg)//正常传递
	console.log(event)//object
}
 
可以看到，里面有我们常见的阻止默认事件的这个东东，其实这些参数一般基本用不到。
 

<button @click="handleClick(1, $event)">点击</button>
 
methods: {
	handleClick: function(id,e) {
		console.log(id); // 1
        console.log(e); // 事件对象
	},
}