Два слушателя на одно действия, как решить проблему?

Question

[lavezzi1]

Здравствуйте. Проблема в следующем, когда произошел mouseenter -> focus а потом mouseleave и blur то получаю очевидную ошибку о том, что уже нечего удалять. Как избежать?

show() {
    this.visible = true;
    document.querySelector('body').appendChild(this.tooltipNode);
    this.popper.update();
}

hide() {
    this.visible = false;
    document.querySelector('body').removeChild(this.tooltipNode);
}

case 'hover': {
  this.el.addEventListener('mouseenter', this.show.bind(this), false);
  this.el.addEventListener('mouseleave', this.hide.bind(this), false);
  break;
}
сase 'focus': {
  this.el.addEventListener('focus', this.show.bind(this), false);
  this.el.addEventListener('blur', this.hide.bind(this), false);
  break;
}

Answer 1

[Николай]

Ну, проверять просто текущее состояние в обработчиках.

Answer 2

[Алексей Шашенков]

hide() {
    this.visible = false;
    let removeNode=document.querySelector('body');
   if(removeNode)removeNode.removeChild(this.tooltipNode);
}