1

Тема: JS Как тут правильно повесить события

Мне нужно чтобы событие на контейнере сработало только тогда, когда мышь реально покинет пределы контейнера, сейчас событие на контейнере срабатывает при перемещении мыши по ДИВам внутри контейнера. На этих событиях совершенно разные действия навешаны.
Ни чего умнее вычисления координат в голову не приходит.

Готовое демо.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html><head>
<title>123</title>
<meta http-equiv="Content-Type" content="text/html; charset=Windows-1251">
<style type="text/css">
div {background:pink;}
div div {background:silver; margin:2px 9px;}
</style>
<script type="text/javascript">
var uuu=0;
function f1(){
document.getElementById("mnb").innerHTML=uuu++;
 };
function f2(){

 };

</script>
</head>

<body>

<div onmouseout="f1();">
<div onmouseout="f2();">1</div>
<div onmouseout="f2();">2</div>
<div onmouseout="f2();">3</div>
<div onmouseout="f2();">4</div>
<div onmouseout="f2();">5</div>
<div onmouseout="f2();">6</div>
<div onmouseout="f2();">7</div>
<div onmouseout="f2();">8</div>
<div onmouseout="f2();">9</div>
</div>
<br>
<div id="mnb">0</div>



</body>
</html>