将带有参数的内联 JavaScript onclick 函数提取到外部 js 文件

Question

我有以下要素：

<th id="fileName" onclick="sortBy(this.id)">Datei&emsp;</th>

并想在外部 js 文件中提取 js function sortBy(this.id) 并通过附加事件处理程序在此处调用它，如下所示：

document.getElementById("fileName").addEventListener('click', sortBy);

但是如何以及在哪里放置参数this.id ？

Answer 1

您可以在事件处理程序中调用它时将参数“this.id”传递给 sortBy() function。 代码如下所示：

 document.getElementById("fileName").addEventListener('click', function(){sortBy(this.id);});

Answer 2

您可以创建如下所示的 function：

function sortBy(myId) {
    console.log(myId);
}

现在您可以调用相同的 function，如下所示：

document.getElementById("fileName").addEventListener('click', function(){sortBy(this.id);});