JSFiddle - React, Tailwind, and code Playground

by rafalry

HTML

<button id="btn" >CLICK TO TEST</button>
<input id="inp" />
<input id="inp2" />
<div id="console" ></div>

JavaScript

function log(msg){
    $('#console').append(msg + '<br/>');
}
$('#btn').on('click', function(){log('click')});
$('#btn').on('mousedown', function(){log('mousedown')});
$('#btn').on('mouseup', function(){log('mouseup')});
$('#btn').on('touchstart', function(){log('touchstart')});
$('#btn').on('touchend', function(){log('touchend')});
$('#inp').on('focus', function(){log('- focus')});
$('#inp').on('blur', function(){log('- blur')});