html - Javascript "onmousemove()" works in Chrome but not in Firefox -
i tried googling couldn't find solutions. the 4 towers @ bottom supposed display different images (less transparent) when mouse on them. works in google chrome not in firefox. here's website: http://cdelphinus.com/test/mormontowerdefense.html (you can right click->view source) entire code(app.js) here's problem code: in html: <canvas id="canvas_one" width="1160" height="580" style="border:2px solid yellow; background-color:black; padding-left:0;margin-left:0;" onmousemove="lolol(event)" onclick="haha(event)"></canvas> in app.js file: here's condensed version of problem, works in chrome not firefox: //function lolol(event) { // event = event || window.event; // alert(event.x); //} i have feeling once alert above shows in firefox rest fixed magically. here's more detailed version of stuff going on function lolol(event) { event = event || window.even