Команды onUnload и onMouseOut

Strelok · 29.12.2010, 18:22

Концепция

Это два последних обработчика событий, которые вы должны иметь в своем арсенале: onMouseOut и onUnload (обратите внимание на заглавные буквы). Я свел их в одном уроке, потому что обе они начинают действовать после того, как вы что-то сделали. onMouseOver вызывает некое событие, если навести мышь, к примеру, на ссылку. В противоположность ей onMouseOut начинает действовать, если курсор увести со ссылки. Вы также знаете, что команда onLoad запускает скрипт, когда страница загружается. Команда onUnload действует, когда пользователь уходит со страницы.
Скрипт

С мышью:

<A HREF="les10.htm" onMouseOver="window.status='Эй! Убирайся с меня!';
return true"
onMouseOut="window.status='Так-то лучше, спасибо'; return true">
Наведите курсор на эту ссылку и уведите обратно</A>

При уходе со страницы:

<BODY onUnload="alert('Уже уходите?')">

Разбор скрипта

Эффекты с мышью, как вы уже догадались, создаются с помощью команд onMouseOver и onMouseOut. Обратите внимание, что между ними ощутимая разница. Вам не нужно, чтобы эти события происходили одновременно. Помните, несколько уроков назад мы разделяли два обработчика событий запятой, чтобы они происходили одновременно? Здесь не тот случай. Следовательно, нужно писать их как две абсолютно разные команды, каждая из которых содержит свою команду return true.

Чтобы получить такой эффект при уходе со страницы, добавляем команду onUnload="alert('Уже уходите?')" в строку BODY. Обратите внимание на двойные и одинарные кавычки. Внутри двойных — одинарные. Вторая пара двойных кавычек означает для браузера конец команды.
Ваше задание

Потренируемся с функцией, onMouseOver и onMouseOut.
Создайте страницу с гипертекстовой ссылкой.
Когда курсор находит на ссылку, в строке состояния должны появляться слова: «Привет, пользователь название браузера!».
Когда курсор уходит со ссылки, в строке состояния должен появляться текст: «Не скучаете у нас на URL страницы?»
Если щелкнуть по ссылке, должно всплыть окно со словами: «Уже уходите? Сейчас всего только текущее время»;
Время должно определяться через функцию.
Не пользуйтесь командой onClick, чтобы вызвать окно предупреждения, возьмите команду onUnload.

puxidusud · 20.01.2019, 23:51

asdasd

29.12.2010, 18:22	#1
Strelok Бессмертный Регистрация: 22.01.2009 Адрес: Ф жДуНгЛяХ Сообщений: 1,388 Сказал(а) спасибо: 134 Поблагодарили 614 раз(а) в 333 сообщениях Настроение: Вес репутации: 382	Команды onUnload и onMouseOut *Концепция* Это два последних обработчика событий, которые вы должны иметь в своем арсенале: onMouseOut и onUnload (обратите внимание на заглавные буквы). Я свел их в одном уроке, потому что обе они начинают действовать после того, как вы что-то сделали. onMouseOver вызывает некое событие, если навести мышь, к примеру, на ссылку. В противоположность ей onMouseOut начинает действовать, если курсор увести со ссылки. Вы также знаете, что команда onLoad запускает скрипт, когда страница загружается. Команда onUnload действует, когда пользователь уходит со страницы. *Скрипт* С мышью: <A HREF="les10.htm" onMouseOver="window.status='Эй! Убирайся с меня!'; return true" onMouseOut="window.status='Так-то лучше, спасибо'; return true"> Наведите курсор на эту ссылку и уведите обратно</A> При уходе со страницы: <BODY onUnload="alert('Уже уходите?')"> *Разбор скрипта* Эффекты с мышью, как вы уже догадались, создаются с помощью команд onMouseOver и onMouseOut. Обратите внимание, что между ними ощутимая разница. Вам не нужно, чтобы эти события происходили одновременно. Помните, несколько уроков назад мы разделяли два обработчика событий запятой, чтобы они происходили одновременно? Здесь не тот случай. Следовательно, нужно писать их как две абсолютно разные команды, каждая из которых содержит свою команду return true. Чтобы получить такой эффект при уходе со страницы, добавляем команду onUnload="alert('Уже уходите?')" в строку BODY. Обратите внимание на двойные и одинарные кавычки. Внутри двойных — одинарные. Вторая пара двойных кавычек означает для браузера конец команды. *Ваше задание* Потренируемся с функцией, onMouseOver и onMouseOut. Создайте страницу с гипертекстовой ссылкой. Когда курсор находит на ссылку, в строке состояния должны появляться слова: «Привет, пользователь название браузера!». Когда курсор уходит со ссылки, в строке состояния должен появляться текст: «Не скучаете у нас на URL страницы?» Если щелкнуть по ссылке, должно всплыть окно со словами: «Уже уходите? Сейчас всего только текущее время»; Время должно определяться через функцию. Не пользуйтесь командой onClick, чтобы вызвать окно предупреждения, возьмите команду onUnload. __________________

20.01.2019, 23:51	#2
puxidusud Новичок Регистрация: 20.01.2019 Сообщений: 4 Сказал(а) спасибо: 0 Поблагодарили 0 раз(а) в 0 сообщениях Вес репутации: 0	Ответ: Команды onUnload и onMouseOut asdasd

Здесь присутствуют: 1 (пользователей: 0 , гостей: 1)