2015-09-06
301
Це два останні обробники подій, які необхідно мати в своєму арсеналі: onMouseOut і onUnload (зверніть увагу на заголовні букви). Вони розглядаються разом, тому що починають діяти після того, як щось зроблене.
onMouseOver викликає деяку подію, якщо навести мишу, наприклад, на посилання. В протилежність їй onMouseOut починає діяти, якщо курсор відвести із посилання. Ми також знаємо, що команда onLoad запускає сценарій, коли сторінка завантажується. Команда onUnload діє, коли користувач вирушає із сторінки.
Наступний код використовує події при переміщенні покажчика миші:
<A HREF="index.htm" onMouseOver="window.status='Эй! Забирайся з мене!';
return true"
onMouseOut="window.status='Так-то краще, спасибі'; return true">
Наведіть курсор на це посилання і змістите в сторону</A>
Використання команди onUnload при виході зі сторінки:
<BODY onUnload="alert('Вже вирушаєте?') ">
При розміщенні сценарію на сторінці виводиться текстове посилання "Наведіть курсор на це посилання і змістіть убік". Якщо навести курсор на посилання і змістити убік кілька разів, то в рядку стану можна бачити повідомлення, що змінюються. Це перший результат. При натисненні на посилання можна побачити другий.
|
|
|
Ефекти з мишею, як легко бачити, створюються за допомогою команд onMouseOver і onMouseOut.
Зверніть увагу, що ці дві команди ніяк не зв'язані між собою. Вам не потрібно, аби ці події відбувалися одночасно. Пам'ятаєте, декілька уроків назад ми розділяли двох обробників подій комою, аби вони відбувалися одночасно? Тут не той випадок. Потрібно, аби одна подія відбувалася, коли курсор миші вказує на посилання, а інша — коли курсор миші зміщується із посилання. Тому потрібно писати їх як дві абсолютно незалежні команди, кожна з яких містить свою команду return true.
Повідомлення при виході з сторінки створюється за допомогою команди onUnload="alert('Вже вирушаєте?')", яка додана в рядок BODY документа HTML. Зверніть увагу на подвійні і одинарні лапки. Усередині подвійних — одинарні. Друга подвійна лапка означає для браузера кінець команди.
