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=="/>
<button>copy image</button>
<br>
JavaScript
var count = 0;
$('button').click(function () {
var $original = $('#original');
var $clone = $original.clone();
$clone.load(function () {
$('body').append('on load firing number ' + ++count + '<br>' );
});
$original.after($clone);
});