启用双击删除单元格颜色

Question

我使用vanilla JavaScript创建了一个像素艺术品制造商，并希望添加一些功能，使用户可以双击一个单元格来清除其颜色。

我尝试添加以下内容，但它没有用。 （我也尝试用＆＃39; event.target＆＃39;替换这个＆＃39;。）

pixelCanvas.addEventListener('dblclick', 'td', function() {
  this.removeAttribute('style');
});

供参考，请查看我的CodePen。

Answer 1

addEventListener的第二个参数应该是一个函数。

pixelCanvas.addEventListener('dblclick', (e) => {
  e.target.style.backgroundColor = null;
});

如果要更改元素的样式，请通过元素的style属性执行，而不是通过removeAttribute。