獲取clicked元素的id而不在html中放入任何js代碼

Question

我需要獲取被點擊的元素的ID，但我需要將所有js和html分開。 通常id只是在html中使用'this.id'。 還有其他方法嗎？

Answer 1

這就是e.target的用途。 您可以在任何地方添加事件偵聽器，只要允許click事件冒泡到它（默認情況下會發生），您就可以捕獲它。 一個基本的例子：

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/

Answer 2

嘗試這樣的事情：

$(document).ready(function () {
    $("#someWrapper").each(function () {
        $(this).on('click', function () {
            alert(this.id);
        });
    });
});

Answer 3

window.onclick = e => {
    console.log(e.target.id);
}

獲取元素，標記名，類名， 其他屬性

window.onclick = e => {
    console.log(e.target);
    console.log(e.target.tagName);
    console.log(e.target.className);
    console.log(e.target.id);
}