Форум

ajon · #1 (**permalink**) 02.09.2010, 13:46

Столкнулся с проблемой и по всем законам понимаю, что так и должно быть, но мне-то нужно по другому))

<div id='helper'></div>
<div onmouseOver='event_over(this);'>
   <ul onmouseOver='event_over(this);'>
      <li onmouseOver='event_over(this);'>элемент</li>
   </ul>
</div>

function event_over(object)
   {
   document.getElementById('helper') = object.tagName;
   }

при наведение на DIV - всё впорядке, но во при наведение на вложенный в него ul - в helper всё равно показывает div... как обойти сию запарку? (мне нужно, чтобы событие срабатывало на максимально глубоко вложенном элементе)

если сделать по другому чуть и поставить

function event_over(object)
   {
   document.getElementById('helper') += object.tagName;
   }

то видно, что событие сработало сначала на ULБ а потом на DIV ...7 как сделать, чтобы при срабатываение на UL оно уже не срабатывало на DIV?

exec · #2 (**permalink**) 02.09.2010, 14:00

Смотрите target (для IE — srcElement) события. Он будет возвращать тот элемент, на который кликнули.

<html>
	<head>
		<title>
			Test
		</title>
	</head>
	<body>
		<div>
			<span>
				Кликни на меня!
			</span>
		</div>
		<a href="javascript://">
			Или на меня
		</a>
		<script type="text/javascript">
			document.onclick = function ( e ) {
				alert( (e || window.event)[-[1,] ? 'target' : 'srcElement'] );
			};
		</script>
	</body>
</html>

B~Vladi · #3 (**permalink**) 03.09.2010, 10:17

Сообщение от ajon

как сделать, чтобы при срабатываение на UL оно уже не срабатывало на DIV

Для ишака:

evt.returnValue = false;

Для остальных:

evt.stopPropagation();

Когда срабатывает на UL.

Форум

Справочник

Discord чат

Курсы javascript