javascript - 如何在此代码中向表格单元格添加点击事件?

标签 javascript

在此代码中,我想使用 javascript 使表格单元格可点击。

还请告诉我如何在点击事件中使用 i,j 值。

<!DOCTYPE html>
<html>
<head>
<style>
 td 
 {
   height : 30px;
   width : 30px;
   cursor: pointer;
 }
</style>

<script>
function clickHere(){
var table = document.getElementById("myTable");
var row ;
var cell;
for(var i=0;i<2;i++){
  row = table.insertRow(i);
  for(var j=0;j<2;j++){
    cell = row.insertCell(j);
  }
 }
}
</script>
</head>

<body onload="clickHere()">
 <table id = "myTable" border="1"></table>
</body>
</html>

最佳答案

添加这段代码:

cell.addEventListener("click",function(){
    alert("cell clicked");
});

在这段代码之后:

cell = row.insertCell(j);

它将为每个单元格添加事件监听器。单击时将显示警报。

关于javascript - 如何在此代码中向表格单元格添加点击事件?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37589777/

相关文章:

javascript - 如何在多个图像上应用 Canvas 转换

javascript - Ajax 调用中的 Ajax 调用,第一个总是完成?

javascript - 如何创建 JSON 数组

javascript - 我如何为单独的对象数组对每个对象的属性求和?

javascript - karma 覆盖率显示 0/0,100% 覆盖率

javascript - 异步和等待循环

javascript - onBeforeAction 运行得太晚

javascript - 使用 Angular 4 在移动设备上静音和自动播放视频

javascript - 带单选和文本的 HTML 表单输入 - 选择

javascript - 如何过滤掉空的 JSON 键(null?)