<div id="area">
  Multi-touch here
  </div>

    #area {
      border: 1px solid black;
      width: 90%;
      height: 180px;
      cursor: pointer;
      overflow: scroll;
      user-select: none;

    document.onpointerdown = document.onpointerup = log;

    function log(event) {
      area.insertAdjacentHTML("beforeend", `
        <div>${event.type} isPrimary=${event.isPrimary} pointerId=${event.pointerId}</div>
      `)
     area.scrollTop = 1e9;
    }