Javascript 同一元素上具有不同父元素的不同事件处理程序

Javascript 同一元素上具有不同父元素的不同事件处理程序,javascript,javascript-events,event-handling,Javascript,Javascript Events,Event Handling,我在学习,所以请友善一点 假设我有两个列表: 1-需要完成的事情(假设5项) 2-已完成一(0项) 项目1 完成? 项目1 完成? .... 将itemDone方法更改为 function itemDone() { var done = document.getElementById('done'); elClone = el.cloneNode(true); //clone the node so that events are not carried forward this

我在学习,所以请友善一点

假设我有两个列表: 1-需要完成的事情(假设5项) 2-已完成一(0项)


项目1
完成?
项目1
完成?
....

itemDone
方法更改为

function itemDone() {
  var done = document.getElementById('done');
  elClone = el.cloneNode(true); //clone the node so that events are not carried forward
  this.parentNode.replaceChild(elClone, el);
  done.appendChild(this.parentNode);
  this.parentNode.removeChild(this);
  elClone.addEventListener( "click", itemNotDone, false );//assign the event to go back to todo
}

有了这个更改,唯一有效的就是对元素的样式进行了更改,它甚至没有移动到“完成”列表,而之前它是有效的。我不知道我是否解释得很好-当点击按钮时,项目应该移动到完成列表。在“完成列表”中,单击同一按钮应将项目移动到“待办事项列表”。@haRacz对于延迟表示抱歉,您能分享一下您的问题吗?