событие touchmove javascript не обновляется

Question

Я пытаюсь создать приложение, в котором пользователь должен перетащить, чтобы выбрать более одного элемента, это отлично работает на настольных компьютерах, но когда я попытался реализовать его на своем телефоне Android (на Chrome), оно внезапно ломается.

Я использую eventListener для события touchmove, когда функция получает это событие, она принимает событие event.target и получает некоторые данные (атрибут) из этого элемента.

Но по какой-то причине event.target не обновляется, даже когда я перетаскиваю его, я попробовал следующее:

1. добавление события к родителю (body)

2. добавление события к дочернему элементу (div, #a, #b, #c)

Я добавил дату и x, чтобычто событие возникает, когда я перетаскиваю, что имеет место и работает отлично.

Но теперь я полностью растерялся из-за того, что переменная event.target не обновляется.

Заранее спасибо,

<style>
  div {
    position: relative;
    float: left;
    width: 30vw;
    height: 100vh;
    border: 1px solid red;
    font-size: 50px;
  }
</style>

<script type="text/javascript" src="/JS/jQuery.js" asy nc></script>

<div id="a"></div>
<div id="b"></div>
<div id="c"></div>


<script>

  document.body.addEventListener("touchmove", function (_e) {
    $("#a")[0].innerHTML = "moving<br>" + _e.target.id + " <br>" + new Date().getSeconds();
    $("#b")[0].innerHTML = _e.changedTouches[0].pageX;
  });

  document.body.addEventListener("touchend", function (_e) {
    $("#a")[0].innerHTML = "stop";
  });


</script>