JSFiddle - React, Tailwind, and code Playground
by kenyboy9
HTML
<div class="svg-wrapper">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 650 650" style="enable-background:new 0 0 650 650;" xml:space="preserve" id="stacker-main-svg">
<style...
CSS
#floor-hover-16 {
pointer-events: all !important;
position: relative !important;
z-index: 9999 !important;
}
JavaScript
$("#stacker-main-svg #hover-main .floor-hover-16").on('mousemove', function() {
console.log('mousemove');
});
$("#stacker-main-svg #hover-main .floor-hover-16").hover(function(){
console.log("a")
});
$("#stacker-main-svg #hover-main .floor-hover-16").mouseenter(function(){
console.log("b")
});