Веб-программирование

Обучение программированию

Делаете первые шаги в программировании? Представляем вашему вниманию пошаговое обучение самостоятельного создания сайтов любой сложности на примерах! На страницах сайта KobRU вы найдете все самое необходимое, для того чтобы по праву считаться веб-мастером по созданию привлекательных динамически изменяемых интернет-страниц, используя основные инструменты веб-разработчиков: HTML; CSS; PHP; MySQL; JAVASCRIPT и другие. Сайт KobRU - наиболее полное и качественно структурированное руководство с предельно понятными пояснениями и поэтапным изложением материала, который поможет вам в совершенстве овладеть искусством программирования. Добавьте динамики и интерактивность в свои веб-проекты!

Вход в личный кабинет

Забыли пароль?

Не зарегистрированны?


Конструкторское Web-бюро
10.2 Получение информации о событии

Автор: Denisido

Дата: 2010-11-03

Объект Event

Web-обозреватели позволяют нам получить дополнительную информацию о событиях, например, о том, была ли нажата клавиша или координаты курсора мыши. Для этих целей объектная модель документа предусматривает особый объект Event, который поддерживает весьма большой набор свойств, дозволяющих нам отслеживать каждое наступившее событие. Следует также отметить, что получение такой информации в разных браузерах выполняется по разному и модель обработки события в этом случае не играет никакой роли! Давайте попробуем написать универсальный код, который будет корректно исполнятся во всех современных браузерах:

Запустить!
   <html>
   <head>
   <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
   <title>javascript информация о событие</title>   
<script type="text/javascript">
function docClick(event) {
				divObj = document.getElementById('main');
				var sv1 = '<p>Свойство clientX: '+event.clientX.toString()+'</p>'; 
				var sv2 = '<p>Cвойство clientY: '+event.clientY.toString()+'</p>';
				var sv3 = '<p>Cвойство type: '+event.type.toString()+'</p>';
				if(window.event) {
						sv4 = '<p>Свойство offsetX: '+event.offsetX.toString()+'</p>';
						sv5 = '<p>Свойство srcElement: '+event.srcElement.toString()+'</p>';		
						}
				else		{
						sv4 = '<p>Свойство layerX: '+event.layerX.toString()+'</p>';
						sv5 = '<p>Свойство target: '+event.target.toString()+'</p>';	
						};
				divObj.innerHTML = sv1+sv2+sv3+sv4+sv5;
			 };
</script>
   </head>
<body>
 
 
<div id="main">Наведи курсор мыши на любое место!</div>
<script type="text/javascript">
var info = document;
if(info.addEventListener)	 {
info.addEventListener('mousemove', docClick, false);
	}
else	{
info.attachEvent('onmousemove', docClick);
	};
</script>
 
 
 
</body>
</html>



Оцените материал по 5-ти бальной шкале: 1 2 3 4 5



Коментарии:

Добавить новый коментарий:

Текст коментария:

Введите результат с картинки

Просмотров: 7725

Метки раздела JavaScript

Основы web программирования, var javascript, javascript функции, javascript обучение, javascript простые примеры, html javascript, javascript примеры, javascript random, уроки сайтостроения, java script, регулярные выражения, appendchild javascript, javascript бесплатно, javascript document write, javascript справочник, javascript примеры.