0

Имеется js class. Возможно ли внутри класса отслеживать изменился размер window или нет, и если изменилось применять метод класса? Проблема: в классе создаются span элементы на определенных позициях, а при ресайзе окна метки сдвигаются. Хотел очищать метки при изменении окна, но внутри класса. Подскажите советом.

8
  • событие resize
    – ThisMan
    24 сен 2019 в 8:21
  • @ThisMan, да но window объект не видно внутри класса. На чем ресайз проверять?
    – Odyssey
    24 сен 2019 в 8:25
  • да но window объект не видно внутри класса это вы как такое удумали?)
    – ThisMan
    24 сен 2019 в 8:26
  • 1
    @ThisMan, у меня все получилось, спасибо) создал метод класса resize и в нем обращался к window и вроде все норм, спасибо за ваше время.
    – Odyssey
    24 сен 2019 в 8:51
  • 1
    вы напишите все равно ответ на вопрос. Кому-то еще это может помочь)
    – ThisMan
    24 сен 2019 в 8:53

1 ответ 1

1

Свою проблему решил, добавив в имеющийся метод init обработчик для window. Вдруг кому-то поможет.

class Test {
  constructor() {
    this.x = 10;
  }
  init() {
    const mark = document.createElement('span');
    mark.className = 'ttt';
    mark.innerHTML = 'test' + this.x; 
    document.body.appendChild(mark);
    // Если изменили размер окна
    window.addEventListener('resize', this.f = this.destroy.bind(this)); 
  }
  destroy() {
    const mark = document.querySelectorAll('.ttt');
    mark.forEach(element => {
      element.remove();
    }); console.log(this.f);
    window.removeEventListener('resize', this.f); 
  }
  
}

const t = new Test();
t.init();
.ttt {
  color:red;
}

15
  • без доп метода можно было обойтись) сразу в init написать
    – ThisMan
    24 сен 2019 в 10:01
  • 1
    @ThisMan, поправил)
    – Odyssey
    24 сен 2019 в 10:10
  • 1
    @Odyssey window.addEventListener добавляет слушатель, который Вы нигде не убираете, если создать и удалить 100500 Ваших объектов в окне останутся их слушатели 24 сен 2019 в 13:26
  • 1
    class Test { init() { window.addEventListener('resize', this.f = this.destroy.bind(this)); } destroy() { window.removeEventListener('resize', this.f); } } 26 сен 2019 в 10:54
  • 1
    @StrangerintheQ, поправил, спасибо за помощь.
    – Odyssey
    26 сен 2019 в 11:03

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.