TS在函数内部定义按钮点击事件

在TypeScript (TS) 中，你在函数内部定义按钮点击事件通常会涉及到异步处理，因为按钮点击事件通常伴随着一些交互效果或数据处理，可能会返回Promise。你可以创建一个匿名箭头函数来捕获点击事件，并在其中添加相应的逻辑。假设你的函数需要更新UI或者其他操作：

function handleButtonClick(): Promise<void> {
  return new Promise((resolve, reject) => {
    const button = document.getElementById('addXhsUpdataBtn');

    if (button) {
      button.addEventListener('click', () => {
        // 在这里编写你的点击事件处理逻辑
        // 比如显示一个加载动画或者发送API请求等
        console.log("Button clicked, updating UI...");
        
        // 当操作完成时，调用resolve来取消Promise
        resolve();
      });
    } else {
      reject(new Error("Button not found"));
    }
  });
}

// 调用函数并处理结果
handleButtonClick()
  .then(() => {
    console.log("UI update complete");
  })
  .catch((error) => {
    console.error(error.message);
  });