Показать сообщение отдельно
  #2 (permalink)  
Старый 18.06.2014, 10:58
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,071

free_style,
<html>
<body onmousemove="mouseShowHandler(event);">

	<div id="fonid" class="fon"><img width="640" height="190" src="http://javascript.ru/forum/images/ca_serenity/misc/logo.gif" onclick="funkcia(event)"></div>
	<input type="text" id="mouseX"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <input type="text" id="mouseY">

<script>
	function mouseShowHandler(e){            // Определяем положение мышки
		e = e || window.event;

		if (e.pageX == null && e.clientX != null ) {
			var html = document.documentElement;
			var body = document.body;

			e.pageX = e.clientX + (html && html.scrollLeft || body && body.scrollLeft || 0) - (html.clientLeft || 0);
			e.pageY = e.clientY + (html && html.scrollTop || body && body.scrollTop || 0) - (html.clientTop || 0);
		}

		document.getElementById('mouseX').value = e.pageX;
		document.getElementById('mouseY').value = e.pageY;

		var top = e.pageX;
		var left = e.pageY;

		return { top: e.pageX, left: e.pageY };
	}


	function funkcia(event){
		var peremen=mouseShowHandler(event);
		alert("top: " + peremen.top + "   left: " + peremen.left );
	}
</script>


</body>
</html>
Ответить с цитированием