更改颜色选择器不更改画布背景颜色

<div id="colorPicker">
  <input type="color" id="colorSelector">
</div>

<div id="canvas">
  <h1>This is the canvas</h1>
</div>

#canvas {
  background-color: white;
  padding: 20px;
}

#colorPicker {
  margin-bottom: 10px;
}

const colorSelector = document.getElementById('colorSelector');
const canvas = document.getElementById('canvas');

colorSelector.addEventListener('change', function(event) {
  const selectedColor = event.target.value;
  
  // 检查目标元素是否是画布背景元素
  if (canvas === event.target) {
    return; // 不进行颜色的更新
  }
  
  // 更新目标元素的颜色
  canvas.style.backgroundColor = selectedColor;
});