JSFiddle - React, Tailwind, and code Playground

by 1004lucifer

HTML

<div style="width:300px; height:150px; border:1px solid red">
    <div style="width:100%; height:100%; border:1px solid blue; overflow:scroll">
        <p> test </p>
        <p> test </p>
        <p> test </p>
        <div id="button" style="width:50px; height:30px; background:gray">button</div>
        <p> test </p>
        <p> test </p>
        <p> test </p>
        <p> test </p>
        <p> test </p>
        <p> test </p>
        <p> test </p>
        <p> test </p>
        <p> test </p>
    </div>
</div>
<br/>
Log:
<div id="log">
</div>

JavaScript

var log = document.getElementById('log');
var button = document.getElementById('button');
button.addEventListener('touchstart', function() {
    log.innerHTML = log.innerHTML + 'touchstart<br/>';
});