JSFiddle - React, Tailwind, and code Playground

HTML

<div id="container"></div>
<br/><br/><br/><br/>
<div id="xx">Not Fired..."</div>

JavaScript

var cnt = 0;
(function loadWidget() {
            var widgetObj = document.createElement("object");
            widgetObj.data = ("https://badssl.com/")        // location of widget
            var tt = document.getElementById("container");
            tt.appendChild(widgetObj);
                              widgetObj.addEventListener("load", widgetLoaded, false);
        })();

        function widgetLoaded(e) {
        cnt = cnt + 1;
        document.getElementById("xx").innerText = "fired x" + cnt;
        //e.currentTarget.style.setProperty("cursor", "move");
        e.currentTarget.style = "cursor: move; text-decoration: overline";
        e.currentTarget.style.setProperty("position", "relative");
        // Uncomment out the line below in Chrome and the event will fire twice, but only once in othe browsers
        e.currentTarget.style = "position: absolute; left: 150px";

        }