將點擊的元素傳遞給 function

Question

按鈕 2 沒有按預期工作（更新它的文本，如按鈕 1）。 “this”不是指按鈕元素，而是指 window。 如何修復按鈕 2？ 謝謝

 <button id="btn1">Click me 1</button> <button id="btn2">Click me 2</button> <script> var btn1 = document.getElementById("btn1"); var btn2 = document.getElementById("btn2"); btn1.addEventListener("click", function() { this.innerText = "Come on"; }); btn2.addEventListener("click", changeMyText(this)); function changeMyText(btn) { btn.innerText = "Come on"; // console.log(btn); //here I get the window object //I expected the button } </script>

Answer 1

您立即執行處理程序 - 刪除 (this) 並使用 e.target

我也想改成 type="button"

 <button type="button" id="btn1">Click me 1</button> <button type="button" id="btn2">Click me 2</button> <script> var btn1 = document.getElementById("btn1"); var btn2 = document.getElementById("btn2"); btn1.addEventListener("click", function() { this.innerText = "Come on"; }); btn2.addEventListener("click", changeMyText); function changeMyText(e) { e.target.innerText = "Come on"; } </script>