时间戳

首页 > 解决方案 > 如何在 Javascript 中的 EventListener 函数之外获取变量值？

javascript - 如何在 Javascript 中的 EventListener 函数之外获取变量值？

问题描述

我有这段代码，我想在EventListener函数外部访问变量值以捕获单击了哪个按钮，以便我可以显示具有相关按钮值的模式窗口。请帮忙。

在这里，在下面的代码中，我想为变量赋值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";
});

标签： javascriptevent-listener

解决方案

您不能导出变量，只能导出值。

当时你export的值是wordClicked，那个值是undefined。

您以后无法更改导出的值。

您可以导出一个对象，然后更改该对象的属性，但您可能需要让事件侦听器函数自己负责打开模型。

推荐阅读