Есть желание присоединиться к интересным IT проектам? Смотри открытые вакансии.

JavaScript свойство Event.type

JavaScript Event

Определение и применение

JavaScript свойство type объекта Event возвращает строковое значение, которое содержит тип события (имя под которым зарегистрирован обработчик события, или имя свойства обработчика события, без префикса on). Свойство доступно только для чтения.

Поддержка браузерами

СвойствоChrome
Chrome
Firefox
Firefox
Opera
Opera
Safari
Safari
Internet Explorer
IExplorer
Microsoft Edge
Edge
typeДаДаДаДаДаДа

JavaScript синтаксис:

event.type

Версия JavaScript

Document Object Model (DOM) Level 1 Events

Пример использования

<!DOCTYPE html>
<html>
	<head>
		<title>Использование JavaScript свойства type объекта Event</title>
	</head>
	<body>
		<button>Click</button>
		<script>
	const button = document.querySelector( "button" ), // находим первый элемент <button> в документе
	button.addEventListener("click", appendEventType); // регистрируем обработчик события "click" для элемента <button>
	button.addEventListener("mousedown", appendEventType); // регистрируем обработчик события "mousedown" для элемента <button>
	button.addEventListener("mouseup", appendEventType); // регистрируем обработчик события "mouseup" для элемента <button>

	function appendEventType( event ) {
	  let newElem = document.createElement( "p" ), // создаем новый пустой элемент <p>
	  newElem.innerHTML = event.type + " "; // добавляем в качестве содержимого нового элемента тип события, которое произошло и пробельный символ
	  document.body.appendChild( newElem ); // добавляем созданный элемент <p> элементу <body>
	}
		</script>
	</body>
</html>

В этом примере мы с использованием метода querySelector() выбрали первый HTML элемент <button> (кнопка) в документе. С помощью метода addEventListener() зарегестриовали обработчики события "click" (нажатие левой кнопкой мыши на элементе), "mousedown" (нажатие кнопкой мыши на элементе) и "mouseup" (отпускание кнопки мыши с элемента) для элемента <button>. При возникновении одного из этих событий срабатывает функция, которая:

Результат нашего примера:

Пример использования JavaScript свойства type объекта Event
Пример использования JavaScript свойства type объекта Event
JavaScript Event
×

Кажется, вы используете блокировщик рекламы :(

Этот ресурс не является коммерческим проектом и развивается на энтузиазме автора сайта, который посвящает все свое свободное время этому проекту.

Добавьте, пожалуйста, basicweb.ru в исключения блокировщика рекламы, этим вы поможете развитию проекта.