如何獲取Javascript中EventListener function之外的變量值？

Question

我有這段代碼，我想訪問EventListener function 之外的變量值以捕獲單擊了哪個按鈕，以便我可以顯示具有相關按鈕值的模態 window。 請幫忙。

在這里，在下面的代碼中，我想為變量wordClicked 。

const btn1OpenModal = document.querySelector(".word-one");

const btn2OpenModal = document.querySelector(".word-two");

const btn3OpenModal = document.querySelector(".word-three");

const btn4OpenModal = document.querySelector(".word-four");

export let wordClicked;

btn1OpenModal.addEventListener("click", function () {
  openModal();
  wordClicked = "firstWord";
});

btn2OpenModal.addEventListener("click", function () {
  openModal();
  wordClicked = "secondWord";
});

btn3OpenModal.addEventListener("click", function () {
  openModal();
  wordClicked = "thirdWord";
});

btn4OpenModal.addEventListener("click", function () {
  openModal();
  wordClicked = "fourthWord";
});

Answer 1

您不能導出變量，只能導出一個值。

在您export wordClicked的值時，該值是undefined的。

您以后無法更改導出的值。

---

您可以導出object ，然后更改該 object 的屬性，但您可能需要讓事件偵聽器函數本身負責打開 model。