JSFiddle - React, Tailwind, and code Playground

HTML

<object width="793" height="198" type="application/x-shockwave-flash" id="content-banner" data="http://wwwimages.adobe.com/www.adobe.com/flashplatform/flashplatform_fma/assets/global/swf/main.swf" style="visibility: visible;"><param name="menu" value="false"><param name="salign" value="t1"><param name="scale" value="noscale"><param name="allowFullScreen" value="false"><param name="allowScriptAccess" value="always"><param name="wmode" value="opaque"><param name="flashvars" value="securityDomain=true&amp;assets=http://wwwimages.adobe.com/www.adobe.com/flashplatform/flashplatform_fma/assets/&amp;startPage=&amp;live=true&amp;locale=en_us&amp;divId=content-banner"></object>
<div id="silver">On this element the mouseover works. Why does Flash fail?</div>
<br />
<div><b>Debug Output</b></div>
<div id="log"></div>

CSS

div { font-family: Consolas, sans-serif; font-size: 10pt; padding: 1em;}
#silver { background-color: silver; }
#log { border: 1px solid silver; }

JavaScript

$(document).ready(function () {
  
    $('#content-banner').mouseover(function () {alert(1);});
    $('#silver').mouseover(function () {alert(2);});

    var debug = 'Number of event handlers on #content-banner: ';
    events = $('#content-banner').data("events");
    debug += events === undefined ? 0 : events.length;
    debug += '<br />';
    debug += 'Number of event handlers on #silver: ';
    events = $('#silver').data("events");
    debug += events === undefined ? 0 : events.mouseover.length;

    $('#log').append(debug);

    // Apparently the following works, uncomment to test.
    //
    //document.getElementById("content-banner").onmouseover = function (evt) { alert(3); };
});