用JQ用多了,来回顾一下原生JS的事件委托怎么写
HTML
list 内容是 ajax动态传入的,所以点击事件 就委托到.list上
JS
var list = document.getElementsByClassName('list')[0];
function navItemFn(v) {
for (var item of navItem) {
item.classList.remove('on')
}
v.classList.add('on')
}
list.onclick=(ev)=>{
var ev =ev || window.event;
var target=ev.target || ev.srcElement;
alert(target.parentNode.parentNode.getAttribute('data-href'))
ev.stopPropagation();
}
View Code