Как заставить раздельно работать слайдеры с одинаковыми классами?

[рони]

Malleys,
ещё вопрос почему на родителя
this.slider.parentNode.addEventListener
а не на элемент slider, ставится обработка событий?

[рони]

Malleys,
в чём смысл уникальной метки this.slider[Symbol.for("slider")] = this;
почему не this.slider["slider"] = this; например?

[Malleys]

в чём смысл уникальной метки this.slider[Symbol.for("slider")] = this;
почему не this.slider["slider"] = this; например?

Интерфейс HTMLElement не подразумевает существование такого свойства. Хотя конечно ничего такого не нужно было бы, если бы Slider наследовал от HTMLElement.

ещё вопрос почему на родителя
this.slider.parentNode.addEventListener
а не на элемент slider, ставится обработка событий?

Как я понял из той разметки, .slider-box является самим элементом слайдера, который может вставляться в любое место. На него я добавил атрибут tabindex, но стоит учитывать, что события focus и blur не вплывают, поэтому обработчики были добавлены на тот же элемент, где был добавлен tabindex.

[рони]

Интерфейс HTMLElement не подразумевает существование такого свойства. Хотя конечно ничего такого не нужно было бы, если бы Slider наследовал от HTMLElement.

сложновато, для меня, понять что здесь написано, но спасибо!

[DenKuzmin17]

Да, можно! https://codepen.io/Malleys/pen/byQjOM?editors=0010

Супер! Спасибо большое! В последнем варианте слайды снова залипают =(