Показать сообщение отдельно
  #20 (permalink)  
Старый 20.07.2012, 03:35
Аватар для Aetae
Тлен
Отправить личное сообщение для Aetae Посмотреть профиль Найти все сообщения от Aetae
 
Регистрация: 02.01.2010
Сообщений: 6,586

Они нужны для одной простой цели: быть переданными в объект event.
Если внезапно такое событие вызовет навешенный когда-то обработчик, который работает с координатами клика, то c правильными координатами всё ок, а с нулевми могут вылезти баги.
Простой пример:
<!DOCTYPE HTML>
<html lang="ru-RU">
<head>
	<meta charset="UTF-8">
	<style type="text/css">
	body{padding:30px 0}
	.tooltiped {border-bottom: 1px dotted #f00;cursor:pointer;margin:40px;}
	.tooltiped .tooltip {display:block;position:absolute;top:-9999px;left:-9999px;border: 1px solid #f00;background:#fdd}
	
	.red {border-color: #f00;}
	.red .tooltip {border-color: #f00;background: #fdd}	
	.green {border-color: #0f0;}
	.green .tooltip {border-color: #0f0;background: #dfd}	
	.blue {border-color: #00f;}
	.blue .tooltip {border-color: #00f;background: #ddf}	

	</style>
	<title></title>
</head>
<body>


<div class="tooltiped red">Просто пример. Наведите мышь.
  <span class="tooltip">Пояснение посясняющее самую суть пояснениея пояснений</span>
</div>

<div class="tooltiped green">Сюда мы скастовали нулевой initMouseEvent.
  <span class="tooltip">initMouseEvent("mousemove", true, true, d[1], 0, 0, 0, 0, 0, false, false, false, false, 0, null);</span>
</div>

<div class="tooltiped blue">А сюда c правильно заданными координатами.
  <span class="tooltip">initMouseEvent("mousemove", true, true, d[2], 0, 0, 0, 130, 211, false, false, false, false, 0, null);</span>
</div>

<script type="text/javascript">
(function(){
	var d=document.getElementsByClassName('tooltiped'),  i=d.length,
	mousemove = function(e){
		var tt = this.children[0].style;
		tt.top = e.clientY + 10 + 'px';
		tt.left = e.clientX + 10 + 'px';
	},
	mouseout = function(e){
		this.children[0].style.cssText="";
	};
	while(i--) {
		d[i].onmousemove = mousemove;
		d[i].onmouseout = mouseout;
	}
	
	
	var e1 = document.createEvent('MouseEvent'), e2 = document.createEvent('MouseEvent');
	e1.initMouseEvent("mousemove", true, true, window, 0, 0, 0, 0, 0, false, false, false, false, 0, null);
	e2.initMouseEvent("mousemove", true, true, window, 0, 0, 0, 130, 211, false, false, false, false, 0, null);
	d[1].dispatchEvent(e1);
	d[2].dispatchEvent(e2);
}())
</script>

</body>
</html>
__________________
29375, 35

Последний раз редактировалось Aetae, 20.07.2012 в 03:50.
Ответить с цитированием