JSFiddle - React, Tailwind, and code Playground

by oamiamgod

HTML

<div style="height:200px;width=200px;background-color:white;" id="myDiv"></div>
<button id="myButton">asdfasdfsdf</button>

JavaScript

var myButton = dojo.byId("myButton"),
    myDiv = dojo.byId("myDiv");

dojo.connect(myButton, "mouseover", function(evt) {
    dojo.style(myDiv, "backgroundColor", "blue");
});

dojo.connect(myButton, "click", function(evt) {
    dojo.style(myDiv, "backgroundColor", "yellow");
});

myButton.click(); //works
//myButton.mouseover();//doesn't work

//---------------------  New ------------------------
var elem = document.getElementById('myButton');
if (document.createEvent) {
    var evObj = document.createEvent('MouseEvents');
    evObj.initEvent('mouseover', true, false);
    elem.dispatchEvent(evObj);
}
else if (document.createEventObject) {
    elem.fireEvent('onmouseover');
}