VPF::как определить элемент над которым находиться мушь

Fubu_By

Дата 31.8.2010, 19:18 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 290
Регистрация: 14.2.2007

Репутация: нет
Всего: 0

Как определить над каким элементом находиться указатель мыши, и в зависимости от элемента выполнять то или иное действие? Делать надо на javascript без фреймворков. По сути надо написать аналог jQuery ф-ции :

Код


$('div').mouseover(function() {
 alert('div');
});

--------------------

MobiAppSystems

Amphiluke

Дата 31.8.2010, 19:46 (ссылка)

(нет голосов)

Загрузка ...

☽

Профиль
Группа: Завсегдатай
Сообщений: 1253
Регистрация: 26.8.2009

Репутация: 35
Всего: 112

Только суть.

Код


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script type="text/javascript">
    var prevTarget = null;
    function getElemUnderPointer(e) {
        if (!e) e = event;
        var sender = (e.target) ? e.target : e.srcElement;
        if (sender == prevTarget) return true;
        prevTarget = sender;
        document.getElementById("test").innerHTML = prevTarget.nodeName;
    }
    if (document.addEventListener) {
        document.addEventListener("mousemove", getElemUnderPointer, false);
    } else {
        document.attachEvent("onmousemove", getElemUnderPointer);
    }
</script>
</head>

<body>
    <p id="test"></p>
    <div style="border: 1px solid #000;">div<br /><span>span</span></div>
    <h1>h1</h1>
</body>
</html>

Добавлено через 1 минуту и 14 секунд
Естественно, в зависимости от вашей задачи, слушатель можно регистрировать не для всего документа, а только для тех объектов, которые для вас значимы.

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: Общие вопросы \| Следующая тема »