JSFiddle - React, Tailwind, and code Playground
HTML
<img id="test" src="http://www.newyorker.com/online/blogs/photobooth/NASAEarth-01.jpg" />
CSS
img {
height: 100px;
}
JavaScript
var elem = document.getElementById('test');
elem.addEventListener('click', function() {
console.log('clicked')
}, false);
var support = true;
try {
if (new MouseEvent('click', {bubbles: false}).bubbles !== false) {
support = false;
} else if (new MouseEvent('click', {bubbles: true}).bubbles !== true) {
support = false;
}
} catch (e) {
support = false;
}
setInterval(function() {
if (support) {
var event = new MouseEvent('click');
}else{
var event = document.createEvent('Event');
event.initEvent('click', true, true);
}
elem.dispatchEvent(event);
},1000);