Vanilla JS：在click事件侦听器中执行所有JS工作后正在获取HTML元素

ctzwtxfj 于 2022-11-27 发布在其他

关注(0)|答案(1)|浏览(122)

我有一个按钮<input id="next-btn" class='button' type='button' value='Next'>
和单击事件侦听器

const nextBtn = document.getElementById('next-btn');
nextBtn.addEventListener('click', ()=> {
  const nextBtn: any = document.getElementById('next-btn');
  nextBtn.style.backgroundColor = '#84e757';
  nextBtn.value = 'Wait...';
  
  // Some complex JS Work that takes like 2 seconds
});

我想在用户单击按钮时将按钮从Next更改为Wait...。
实际发生的情况是，直到所有JS逻辑完成后，才会获取button HTML元素。
这阻止了我添加一个加载程序。请问如何解决这个问题？

**注：**这是在电子JS应用程序中实现的

Html

来源：https://stackoverflow.com/questions/74542660/vanilla-js-html-elements-are-being-fetched-after-executing-all-js-work-in-click

1条答案

按热度按时间

vlf7wbxs1#

我的朋友在这里介绍了使用JavaScript事件侦听器将UI更新为HTML元素的解决方案

let nextBtn = document.querySelector("#next-btn");

nextBtn.addEventListener("click", () => {
  nextBtn.style.backgroundColor = "#84E757";
  nextBtn.value = "Wait...";
});

赞(0）回复(0）举报 2022-11-27

我来回答

Vanilla JS：在click事件侦听器中执行所有JS工作后正在获取HTML元素

1条答案

相关问题

热门标签

最新问答