Как я могу получить идентификатор элемента, который вызвал функцию JS?

body.jpg является изображением собаки, когда пользователь наводит мышь на экран на разные части тела, показано увеличенное изображение. Идентификатор элемента области идентичен имени файла изображения за вычетом папки и расширения.

<div>
    <img src="images/body.jpg" usemap="#anatomy"/>
</div>

<map name="anatomy">
  <area id="nose" shape="rect" coords="280,240,330,275" onmouseover="zoom()"/>
</map>

<script type="text/javascript">
function zoom()
{
 document.getElementById("preview").src="images/nose.jpg";
}
</script>

<div>
<img id="preview"/>
</div>

Я провел свое исследование и прибыл в SO в качестве последнего средства. Я предпочитаю решение, которое не связано с JQuery.