js右击单元格获取动态生成表格id
时间: 2024-05-16 09:17:29 浏览: 75
Excel-VBA宏编程实例源代码-在右击单元格前执行代码.zip
可以使用事件委托来实现在动态生成的表格中右击单元格获取其id。具体实现方法如下:
1. 给表格元素添加一个id,方便获取。
2. 给表格元素绑定右击事件,使用事件委托监听表格单元格的右击事件。
3. 在事件监听函数中,获取目标单元格的id值并进行处理。
示例代码如下:
```javascript
// 获取表格元素
var table = document.getElementById("table1");
// 给表格元素绑定右击事件
table.addEventListener("contextmenu", function (event) {
// 取消默认的右键菜单事件
event.preventDefault();
// 判断点击的是不是表格单元格
if (event.target.tagName === "TD") {
// 获取单元格的id
var cellId = event.target.getAttribute("id");
// 处理单元格的id
console.log("单元格的id为:" + cellId);
}
});
```
注意:上述代码需要在动态生成表格后执行。如果是使用Ajax或其他异步方式生成表格,则需要在生成表格后再执行上述代码。
阅读全文