javascript - 获取被点击元素的 id 而无需在 html 中放置任何 js 代码

Question

我需要获取被点击元素的 ID，但我需要将所有 js 和 html 分开。通常 id 只在 html 中使用“this.id”。还有其他方法吗？

Answer 1

这就是 e.target 的用途。您可以在任何您想要的地方添加事件监听器，只要允许点击事件冒泡到它(默认情况下会发生)，您就可以捕获它。一个基本的例子:

document.addEventListener('click', function(e) {
    alert(e.target.id);
});

点击每一个都会提醒它的ID。希望这会有所帮助:)

<button id="foo">foo</button>
<button id="bar">bar</button>
<button id="baz">baz</button>

编辑

http://jsfiddle.net/95NZ8/