JSFiddle - React, Tailwind, and code Playground
HTML
<p>Copy image is supposed to fire the onload handler. This works fine in Firefox.</p><p>But not in Chrome. The onload handler is <b>not</b> fired when the image is copied for the 2nd time</p>
<p> In IE the handler never fires(?)</p>
<p>This is probably caused by the cache in Chrome(?)</p>
<p>How can we force Chrome to fire onload?</p>
<img id="original" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUA
AAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO
9TXL0Y4OHwAAAABJRU5ErkJggg=="/>
<img id="copy"/>
<button onclick="$('#copy').attr('src', $('#original').attr('src'));">copy image</button>
<br>
JavaScript
var count = 0;
$('#copy')
.load(function () {
count +=1;
$('body').append('on load firing number '+count+'<br>' );
});