如何为调用 function 的每个单元格设置点击事件，该单元格将单元格的 id 作为 JavaScript 中的参数

Question

在这里，我创建了一个表格并为每个单元格分配了一个 ID。 我想做的是这样的 cell1.onclik = MyFunction(this.id);

function createTable() {
        var table = document.getElementById("tabela2"); 
        for (let j = 0; j < k; j++) {
            var row = table.insertRow(0);
            for (let i = 0; i < l; i++) {
                var cell1 = row.insertCell(0);
                cell1.id = "celica" + i + "_" + j; 
            /*doesnt work: cell1.onclik = MyFunction(this.id); */           
            }
        }
    }

Answer 1

不要使用 onXXX 事件。 如果页面上有内容安全策略，它将无法正常工作。

你只需要听表

 function createTable() { var table = document.getElementById("tabela2"); // document.body.appendChild(table); for (let j = 0; j < 4; j++) { var row = table.insertRow(0); for (let i = 0; i < 4; i++) { var cell1 = row.insertCell(0); cell1.textContent = "1"; cell1.id = "celica" + i + "_" + j; } } table.addEventListener("click", function(e) { console.log(e.target.id); console.log(e.target.tagName); }); } createTable();

 <html><body><table id='tabela2'></table></body></html>

如何为调用 function 的每个单元格设置点击事件，该单元格将单元格的 id 作为 JavaScript 中的参数

问题描述

1 个解决方案

解决方案1
1 2022-01-19 17:27:12

如何为调用 function 的每个单元格设置点击事件，该单元格将单元格的 id 作为 JavaScript 中的参数

问题描述

1 个解决方案

解决方案1 1 2022-01-19 17:27:12

解决方案1
1 2022-01-19 17:27:12