Javascript React event.target不是我设置事件侦听器的元素
Javascript React event.target不是我设置事件侦听器的元素,javascript,reactjs,Javascript,Reactjs,const onClick=(e)=>{ console.log(如target); } 常量应用=()=>( 对 完成 ); ReactDOM.render(,document.querySelector(“#app”) 使用,它将始终是添加处理程序的元素事件。目标始终是事件发生的元素 <button name={answerTypes.YES} className="btn waves-effect waves-light left blue darken-4" onCl
const onClick=(e)=>{
console.log(如target);
}
常量应用=()=>(
对
完成
);
ReactDOM.render(,document.querySelector(“#app”)代码>
使用,它将始终是添加处理程序的元素<代码>事件。目标始终是事件发生的元素
<button
name={answerTypes.YES}
className="btn waves-effect waves-light left blue darken-4"
onClick={this.onClick}
>
Yes
<i className='material-icons left'>done</i>
</button>
onClick(e) {
console.log(e.currentTarget);
}
对
完成
onClick(e){
console.log(例如currentTarget);
}
这称为事件冒泡。为了帮助您,我们需要知道您为什么希望目标是按钮,而不是如何实现。是的。它工作得很好。这正是我需要的!非常感谢;)真奇怪。为什么我们两者都需要?这太令人困惑了。我如何知道哪个是事件。目标
?我单击相同的div
,但只有currentTarget
可以工作event.target
只有在某些情况下才有效。@newguy我们需要这两种方法,因为DOM中的事件<代码>事件。目标
随着事件在DOM层次结构中冒泡而改变。查看文档并询问另一个问题,如果您有具体问题。