JavaScript:检查事件是否在单击按钮后发生

JavaScript:检查事件是否在单击按钮后发生,javascript,html,html-table,addeventlistener,htmlbutton,Javascript,Html,Html Table,Addeventlistener,Htmlbutton,我有以下HTML表格格式,只显示了最后一个单元格上有按钮的多行中的一行: 姓名:ABC 编号:0 数字 价值 去 0 11.7 去 1,你应该考虑E.目标内部函数点击函数< /P> 2您应该选择该按钮的祖父母,然后从父母中选择第一个孩子。buttonElement.parentNode.parentNode.children[0]。innerText如前所述,您可以使用e.target来获取单击的元素。然后,您可以组合使用“查找”按钮的和功能: const main entries=doc

我有以下HTML表格格式,只显示了最后一个单元格上有按钮的多行中的一行:

姓名:ABC

编号:0

数字 价值 去 0 11.7 去

1,你应该考虑E.目标内部函数点击函数< /P>


2您应该选择该按钮的祖父母,然后从父母中选择第一个孩子。buttonElement.parentNode.parentNode.children[0]。innerText

如前所述,您可以使用e.target来获取单击的元素。然后,您可以组合使用“查找”按钮的和功能:

const main entries=document.querySelector'main'; 常量clickFunction=e=>{ 如果e.target.tagName=='BUTTON'&&e.target.classList.contains'go'{ const firstCellSameRow=e.target.closest'tr'.cells.item0.innerText; 控制台.log'GO按钮已单击。同一行的第一个单元格的文本为',firstCellSameRow; } 否则{ console.log“主div在GO按钮外单击”; } } 主条目。添加EventListener'click',clickFunction; 姓名:ABC

编号:0

数字 价值 去 0 11.7 去 2. 8.5 去
这种现象称为事件委托