event.target有很多属性和方法
type:submit (event为button的点击事件)
dataset: [object, DOMStringMap]
style: [object, CSSStyleDeclaration]
关于dataset
<button id="btn" data-a="a" data-b="b" data-c-d-e= "cde">
<script type="text/javascript ">
var $ = function ( id) {
return document.getElementById (id) ;
}
$ ( "btn" ) .onclick = function (event) {
for (var i in event.target) {
console.log (i+"-------"+event.target [i]);
}
console.log ( event.target.dataset.a);//a
console. log (event.target.dataset.b); //b
console. log ( event.target .dataset .cDE) ; // cde
</ script>
在标签中加入data-sth,当触发某个事件的时候,可以通过event.target.dataset.sth找到,注意两点,在输入时要忽略"-",除了第一个"-"后的名称,以后的名称都要大写。
参考博客: