JSFiddle - React, Tailwind, and code Playground

by t2t2

HTML

<div class="placeholder">...</div>
<div class="placeholder">...</div>
<div class="placeholder">...</div>
<div id="target">
Tap me
<span id="result">[action]</span>
</div>
<div class="placeholder">...</div>
<div class="placeholder">...</div>
<div class="placeholder">...</div>

CSS

#target {
  padding: 2em;
  text-align: center;
  border: 1px solid #ccc;
  background: #ccc;
}

.placeholder {
  margin: 4em 0;
}

JavaScript

const target = document.getElementById('target')

let timeout = null

target.addEventListener('touchstart', event => {
  console.log(event)
})