У меня есть тег привязки, который имеет событие onMouseOver и onMouseOut. Цель состоит в том, чтобы отобразить всплывающую подсказку. Когда я навожу указатель мыши на тег привязки, событие onMouseOver запускается соответствующим образом и отображается всплывающая подсказка, но также запускается событие onMouseOut, и всплывающая подсказка скрывается. Когда я навожу указатель мыши на якорную ссылку, оба события срабатывают очень часто, по существу, делая всплывающую подсказку видимой и невидимой очень быстро. Я хочу, чтобы onMouseOut срабатывал только тогда, когда я нахожусь за пределами тега привязки.
Код, который я считаю актуальным:
HTML:
<ul>
<li>
<a id="1" href="event.php?1" onmouseover="tooltip(this.offsetWidth, this.offsetHeight, this.childNodes, 1)" onmouseout="tooltipHide(1)">Text</a>
<div class="tt">
<div id="tt2" class="tooltip">
...
</div>
</div>
</li>
<li>
<a id="2" href="event.php?2" onmouseover="tooltip(this.offsetWidth, this.offsetHeight, this.childNodes, 2)" onmouseout="tooltipHide(2)">Text</a>
<div class="tt">
<div id="tt2" class="tooltip">
...
</div>
</div>
</li>
</ul>
Javascript:
function tooltipHide(id) {
tt = document.getElementById("tt"+id);
tt.style.display = "none";
}
function tooltip(oW, oH, e, id) {
...
tt = document.getElementById("tt"+id);
tt.style.display = "block";
...
}