<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;
    }

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.