Javascript 如何返回发生单击事件的标记
我试图捕捉发生单击事件的标记,但是,我得到的是值,而不是实际的标记。非常感谢你的帮助 我试图捕捉的标签Javascript 如何返回发生单击事件的标记,javascript,reactjs,Javascript,Reactjs,我试图捕捉发生单击事件的标记,但是,我得到的是值,而不是实际的标记。非常感谢你的帮助 我试图捕捉的标签按钮 <button type="button" onClick={(e) => handleAction(row, e)}> <img src={options} alt="more options" /> </button> 手浸法 handleAction(row, e) { console.log(e.target, row)
按钮
<button type="button" onClick={(e) => handleAction(row, e)}>
<img src={options} alt="more options" />
</button>
手浸法
handleAction(row, e) {
console.log(e.target, row);
}
输出
<img src="/bf8a277f232f78afa8e14c7f6147fc88.png" alt="more options">, myRow
,myRow
以下代码应满足要求:
handleAction(row, e) {
console.log(e.target.parentElement, row);
}
尝试currentTarget而不是target:
console.log(e.currentTarget, row);
e、 target将返回img标签,但e.CurrentTarget将返回按钮标签这里的“标签”是什么意思?您是指解析后的HTML中的DOM元素吗?如果是这样,为什么需要元素本身而不是元素的一些数据?你到底想在这里完成什么?你能描述一下你希望你的用户能够做什么吗?你指的是什么标记?如果我理解你的问题,你可以得到发生事件的元素的标记名,比如:
event.target.tagName
我试图捕捉DOM元素按钮
,因为我想用javascript onClick@Code学徒“因为我想使用javascript onClick附加一些其他HTML元素”,这听起来像是使用ReactJS的错误方法。相反,您应该使用一些反映应该在页面上绘制的内容的值来设置state。然后在render()
中使用状态来绘制正确的元素。
console.log(e.currentTarget, row);