Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 03.11.2011, 15:27
Аватар для Shaci
:-/
Отправить личное сообщение для Shaci Посмотреть профиль Найти все сообщения от Shaci
 
Регистрация: 28.09.2009
Сообщений: 1,126

onmouseout событие
задумался над событием onmouseout
<!DOCTYPE html>
<html>
    <head>
        <title></title>
        <meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
        <script type="text/javascript">function pam(){
            alert("Pam Pam Lai LAi LaiLai");
        }</script>
        <style type="text/css">
            .sublink {
                background-color: red
            }
        </style>
    </head>
    <body>
        <div class="main" onmouseout="pam()">
            Foo
            <div class="sublink">Bar</div>
            Foo
            <div class="sublink">Bar</div>
        </div>
    </body>
</html>


если идем мышкой сверху-вниз, то
сначала происходит заход на родительский див, затем при переходе с него на дочерний срабатывает mouseout родительского, затем заходим на дочерний див, при выходе с него происходит mouseout дочернего->вслытие и =>mouseout родительского дива =>вызов ф-ции опять, и.т.д и.т.п.?
Ответить с цитированием
  #2 (permalink)  
Старый 03.11.2011, 15:46
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,205

Shaci, но темнеменее Ховер отрабатывает нормально...

<!DOCTYPE html>
<html>
<head>
<!--
<script src="http://code.jquery.com/jquery-latest.js"></script>
<link rel="stylesheet" type="text/css" href="tmp.css" />
-->
<style type="text/css">
.sublink {
	background-color: red;
}
.main {
	margin: 20px;
	padding: 20px;
	border: 1px solid;
}
.main:hover {
	background-color: blue;
}
</style>
<script type="text/javascript">
</script>
</head>
<body>
<div class="main">
	Foo
	<div class="sublink">Bar</div>
	Foo
	<div class="sublink">Bar</div>
</div>
</body>
</html>
Ответить с цитированием
  #3 (permalink)  
Старый 03.11.2011, 15:58
Аватар для Shaci
:-/
Отправить личное сообщение для Shaci Посмотреть профиль Найти все сообщения от Shaci
 
Регистрация: 28.09.2009
Сообщений: 1,126

угу, вообщем либо hoverом пользоваться, либо relatedTarget, fromElement/toElement юзать

Последний раз редактировалось Shaci, 03.11.2011 в 16:19.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Как правильно подавить событие при подключении своего обработчика? Маэстро Firefox/Mozilla 2 03.09.2011 11:46
onmouseout with image Slawaq Events/DOM/Window 3 21.05.2011 01:03
Отловить событие simple Events/DOM/Window 3 11.05.2011 14:20
какое событие возникает во время формирования html IT-AleX Events/DOM/Window 2 20.02.2009 16:13
Не отрабатывает событие onmouseout при внедрении нового слоя ilshat Элементы интерфейса 3 28.07.2008 06:27