Получение идентификатора любого тега при наведении мыши

Question

Кто-нибудь знает, как я могу получить идентификатор любого элемента, когда мышь закончена?

Я хочу показать div (прямоугольник) над элементами (тегами), над которыми находится мышь. Я не могу изменить теги, чтобы включить событие mousover. Я хочу, чтобы глобальный обратный вызов или что-то подобное имело идентификатор тега, который находится под указателем мыши.

Спасибо!

Answer 1

Вы имеете в виду, что хотите target события onmouseover, чтобы вы могли получить доступ к свойствам элемента:

<script>
document.onmouseover = function(e) {
    console.log(e.target.id);
}
</script>

Взгляните на Свойства события для кросс-браузерного способа получения цели (следующий пример с вышеупомянутого веб-сайта):

function doSomething(e) {
    var targ;
    if (!e) var e = window.event;
    if (e.target) targ = e.target;
    else if (e.srcElement) targ = e.srcElement;
    if (targ.nodeType == 3) // defeat Safari bug
        targ = targ.parentNode;
}

Итак, чтобы сложить все вместе:

document.onmouseover = function(e) {
    var targ;
    if (!e) var e = window.event;
    if (e.target) targ = e.target;
    else if (e.srcElement) targ = e.srcElement;
    if (targ.nodeType == 3) // defeat Safari bug
        targ = targ.parentNode;
    console.log(targ.id);
}

Answer 2

попробуйте

function Test(e) {
    alert(e.id);
}

<div id="newww" class="editor2 draggable1" style="position:absolute;top:100px;left:100px;border: 1px solid #aaaaaa;" onmouseover="Test(this)">
</div>

Answer 3

Может быть не то, что вы ищете. но если вы используете инструменты веб-разработчика для Firefox, вы можете выбрать Информация -> Показать идентификатор и сведения о классе. Это отобразит идентификатор и информацию о классе каждого элемента на странице. Также использование CSS -> View Style Information позволит вам наводить курсор на элементы и отображать их иерархию классов и идентификаторов индивидуально при наведении на них курсора Я предлагаю это решение только потому, что предполагаю, что вы не хотите, чтобы функциональность была доступна пользователю, а скорее как инструмент для отладки веб-сайта.