JSFiddle - React, Tailwind, and code Playground

by senica

HTML

<img src="http://www.logobird.com/wp-content/uploads/2011/03/new-google-chrome-logo.jpg" usemap="#map" />
<map name="map">
    <area class="my-map" shape="poly" coords="20,20, 100,20, 100,100, 20,100, 20,20" />
</map>

<div id="message"><div>

JavaScript

$(".my-map").on("mouseover", function(){
   $("#message").append("<div>Mouseover map.</div>");
    var el = document.elementFromPoint(50, 50);
    $("#message").append(JSON.stringify(el));
});