覆盖函数表达式事件侦听器不起作用

Question

我正在尝试覆盖附加到事件侦听器的函数，但是当事件被触发时，旧的函数仍然被调用。

var element;
var newHandler = () => {
  if((element = this.getElementsByClassName('someClass')[0]) != null){
    this.removeEventListener('DOMNodeInserted', handler )
    element.insertAdjacentHTML('beforeend', "<a>Hello</a>");
  }
}

var handler = () => {
  handler = newHandler;
  var scriptTag = document.createElement('script');
  scriptTag.src = "someScript.js";
  document.head.appendChild(scriptTag);
}

document.addEventListener('DOMNodeInserted', handler);

非常感谢任何形式的帮助。非常感谢！

Answer 1

找到解决方案

var element;
var newHandler = () => {
  if((element = this.getElementsByClassName('someClass')[0]) != null){
    document.removeEventListener('DOMNodeInserted', intermediary )
    element.insertAdjacentHTML('beforeend', "<a>Hello</a>");
  }
}

var handler = () => {
  handler = newHandler;
  var scriptTag = document.createElement('script');
  scriptTag.src = "someScript.js";
  document.head.appendChild(scriptTag);
}

var intermediary = () => handler();

document.addEventListener('DOMNodeInserted', intermediary );

我认为问题是由一种一级缓存引起的。

覆盖函数表达式事件侦听器不起作用

Override function expression event listener not working

javascript

dom

event-listener

addeventlistener

function-expression