js class绑定事件

class ButtonHandler {
  constructor(buttonId) {
    this.button = document.getElementById(buttonId);
    if (this.button) {
      // 绑定点击事件
      this.button.addEventListener('click', this.handleClick.bind(this));
    }
  }

  handleClick(event) {
    console.log('Button was clicked!', event);
    // 这里可以添加更多的处理逻辑
  }
}

// 使用类
const buttonHandler = new ButtonHandler('myButtonId');

class DynamicButtonHandler {
  constructor() {
    this.bindEvents();
  }

  bindEvents() {
    const buttons = document.querySelectorAll('.dynamic-button');
    buttons.forEach(button => {
      button.addEventListener('click', this.handleClick.bind(this));
    });
  }

  handleClick(event) {
    console.log('Dynamic button was clicked!', event);
    // 处理动态按钮的点击事件
  }
}

// 使用类
const dynamicButtonHandler = new DynamicButtonHandler();