我在我的HTML文件中使用这样的:
在我的JS文件中获取类:
onClick(event) { var target = event.target; var pElement = target.parentElement.parentElement; var pclassAttr = pElement.attributes.class; console.log(pclassAttr); }
实际上有一段时间它认为我点击锚和控制台类是"组件",有时它认为我点击"fa fa-chevron-right"和控制台类"component-header".
单击锚点时,我总是需要将控制台类作为"组件".
有什么不对的吗请建议.
只需使用currentTarget
而不是target
.它永远是你的锚元素,因为
currentTarget始终引用已附加事件处理程序的元素:
onClick(event) { var target = event.currentTarget; var pElement = target.parentElement.parentElement; var pclassAttr = pElement.attributes.class; console.log(pclassAttr); }
也可以看看
https://developer.mozilla.org/en/docs/Web/API/Event/currentTarget