JSFiddle - React, Tailwind, and code Playground

by nraynaud

HTML

<button id="loldiv" style="font-size:400%;background: white;"><img src="http://www.italie2.com/var/hammerson/storage/images/italie-2/infos-centre/adresses-utiles/action-sociale/33402-1-fre-FR/Action-sociale_large.gif"></button>

<div id='result'></div>

CSS

#loldiv {
    left: 10px;
    top: 10px;
    width: 70px;
    height: 70px
    -webkit-border-radius: 20px;
    cursor:pointer;
}

JavaScript

var events = ['touchstart', 'mousedown', 'click', 'touchmove', 'touchend', 'touchcancel', 'gesturestart', 'gesturechange', 'gestureend'];

function bindevent(evt) {
    $('#result').append('registering bt ' + evt + '<br>');
    $('#loldiv')[0].addEventListener(evt, function() {
        $('#result').append('bt ' + evt + '<br>');
    }, false);
};
for (var i = 0; i < events.length; i++)
bindevent(events[i]);