Как поймать id блока на который наведена мышь?

Question

[DrunkMaster]

Сделал скрипт https://jsfiddle.net/r00517ax/

HTML

<div id="tab">
  <div class="my" id="sh1">раз</div>
  <div class="my" id="sh2">два</div>
  <div class="my" id="sh2">три</div>
</div>
<br><div id="test1"></div>

JS

var chairs = document.getElementById("tab");
  chairs.onmouseover = function(e) {
    document.getElementById("test1").innerHTML = 'Наведено';
  };
  chairs.onmouseout = function(e) {
    document.getElementById("test1").innerHTML = 'Убрано';
  }

Как при наведении id внутреннего элемента подцепить? Работе при наведении предполагается с внутренними элементами так может стоит слушать сразу их по классу my?

Comments

[Сергей delphinpro]

https://jsfiddle.net/3wgzmvyy/

[DrunkMaster]

Сергей: а не подскажете как правильно сделать такую логику с if (псевдокод):

if(chairs.onmouseover){
  //
} else {
  //
}

я не могу понять что в if поместить

[Сергей delphinpro]

DrunkMaster: https://jsfiddle.net/3wgzmvyy/1/

Answer 1

[sta-ger]

Может, что-то типа того?

var myElements = document.getElementsByClassName("my");

for (var i = 0; i < myElements.length; i++) {
  myElements[i].addEventListener("mouseover", onElementOver);
}

function onElementOver(e) {
  console.log(e.currentTarget.id);
}

Answer 2

[Виктор Янышев]

Изучите this

Comments

[DrunkMaster]

Изучил, но не очень понятно как лучше применить это к конкретной ситуации...