Pare el elemento mientras se dispara el touchmove - javascript, jquery

Tengo un div que estoy usando para eventos táctiles para expandir un menú móvil que estoy creando. Aquí está mi código hasta ahora:

$("#" + obj.mobileButtonID).on({
touchmove: function (e) {
var touch = e.originalEvent.targetTouches[0],
if (touch.pageX < 0) {
e.stopPropagation();
} else if (touch.pageX > 200) {
e.stopPropagation();
}
$(this).css({ left: touch.pageX });
});

Esencialmente, lo que estoy tratando de hacer es detener el touchmove evento en ciertos lugares. Di si el div es más de un cierto pageX Coordinar o debajo de ella. Siento que esto está cerca, pero no está funcionando exactamente bien. Cada vez que touchmove el evento se dispara, ignora completamente mi condicional y continúa pasando las coordenadas que he establecido.

¿Alguna sugerencia?

Respuestas

Detienes la propagación del evento en tucondicionales pero la propiedad css izquierda todavía se está aplicando. Si desea evitar esto, salga de su controlador de eventos volviendo de los condicionales. La propagación es para propagar el evento a DOM elementos superiores en el DOM jerarquía.