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

Question

[Владислав]

Данная программа вызывает Алерт при Свайпе влево, вправо, Но вызов Алерта совершается не корректно и вызывается много раз подряд. Как сделать что бы по Свайпу Алерт вызывался один раз, а не много.

<p>Координата X <span id="x"></span></p>
<p>Координата Y <span id="y"></span></p>
<p>Координата Start <span id="s"></span></p>
<p>Координата dlinsvaip <span id="o"></span></p>

document.body.addEventListener("touchstart", function (evt) { //start   
	
 s= document.querySelector('#s').innerHTML = parseInt(evt.changedTouches[0].pageX);

document.body.addEventListener('touchmove', function(evt){//move
   
   x = document.querySelector('#x').innerHTML = parseInt(evt.changedTouches[0].pageX);
 y = document.querySelector('#y').innerHTML = parseInt(evt.changedTouches[0].pageY);

dlinsvaip = x - s;

 
	if (x < 100 && dlinsvaip < -80)	{//if1
	stat = false;
	alert("left")
}//endif1
	else if (x > 210 && dlinsvaip > 80){ //elseif
	alert("right");
	stat = false;
	}//endelseif




document.querySelector('#o').innerHTML = x + "-" + s + "=" + Math.abs(dlinsvaip); 
   
   });//endmove
}); //endstart

Comments

[Сергей Сергей]

гуглить "lodash debounce"

Answer 1

[Станислав Гладкий]

Попробуй после слушателя touchmove добавить слушатель touchend и поместить alert'ы в него

Comments

[Владислав]

Спасибо =)