按钮在添加到画布时将失去其事件绑定。

// HTML
<div id="container">
  <button id="myButton">按钮</button>
</div>

// JavaScript
var container = document.getElementById('container');
container.addEventListener('click', function(event) {
  if (event.target && event.target.id === 'myButton') {
    // 处理按钮点击事件
  }
});

// JavaScript
var button = document.createElement('button');
button.id = 'myButton';

var eventManager = {
  bindEvent: function() {
    button.addEventListener('click', this.handleClick);
  },
  unbindEvent: function() {
    button.removeEventListener('click', this.handleClick);
  },
  handleClick: function(event) {
    // 处理按钮点击事件
  }
};

// 添加按钮到画布
// ...
// 重新绑定事件
eventManager.bindEvent();