Как убрать ошибку Failed to execute dispatchEvent?

Question

[Dubrovin]

Есть вот такой элемент (Number-Slider) на странице: prntscr.com/ib96so
Number-Slider соответственно состоит из Number'а и Slider'а, у которых есть в свою очередь методы setValue, которые вызывают срабатывание события Change у Number'а и Slider'а соответственно.

По задумке работает это вот так: Изменяем значение в number, вызывается метод setValue у number'а, слушатель number-slider'а реагирует на это событие и вызывает метод setValue у слайдера и наоборот, двигаем слайдер, срабатывает change у слайдера, вызывается setValue у number'а.

Проблема в том, что события change начинают вызывать друг друга и вызывают ошибку:
prntscr.com/ib98r9

Слушатели в Number Slider выглядят вот так:

k.on( this.number.el, 'change', () => {
			let value = this.number.getValue();
			this.slider.setValue( value );
		} );

		k.on( this.slider.el, 'change', () => {
			let value = this.slider.getValue();
			this.number.setValue( value );
		} );

По факту всё работает, но есть ошибка. Как можно это исправить?

Comments

[Dubrovin]

По идее первое что приходит на ум, в месте вызова dispatchEvent перед самим вызовом проверять, не было ли это событие вызвано, и если было, то не вызывать его снова. Только не знаю, как это реализовать.

[Василий Варюхин]

А что в setValue()?

[Dubrovin]

Решил проблему в лоб добавлением нового параметра в setValue:

setValue( value, trigger = true ) {
		if ( trigger ) {
			k.trigger( this.el, this.change );
		}
	}

[Василий Варюхин]

Dubrovin, ну так она же всё равно вызывается каждый раз.

Блин, так вы .trigger() специально вызываете.
А если просто .attr() использовать, событие change точно вызывается?
Я думаю проблема именно в этом.