jeena/en.javascript.info
1
0
Fork 0
Code Issues Pull requests Projects Packages Wiki Activity Actions

renovations

Browse source
This commit is contained in:
Ilya Kantor 2015-02-27 12:13:01 +03:00
parent 11f2d7352f
commit bd1d5e4305
23 changed files with 804 additions and 948 deletions
Download patch file Download diff file Expand all files Collapse all files

12
2-ui/3-event-details/3-mousemove-mouseover-mouseout-mouseenter-mouseleave/2-hoverintent/task.md
View file

@ -4,13 +4,11 @@
Нужно написать функцию, которая показывает подсказку при *наведении* на элемент, но не при *быстром проходе* над ним.
То есть, если посетитель именно навёл курсор мыши на элемент и почти остановился -- подсказку показать, а если быстро провёл над ним, то не надо (зачем излишнее мигание?).
То есть, если посетитель именно навёл курсор мыши на элемент и почти остановился -- подсказку показать, а если быстро провёл над ним, то не надо, зачем излишнее мигание?
Технически -- можно измерять скорость движения мыши над элементом, если она маленькая, то считаем, что это "наведение на элемент" (показать подсказку), если большая -- "быстрый проход мимо элемента" (не показывать).
Задача -- сделать универсальный код, который отслеживает "наведение на элемент".
Пусть это будет объект `new HoverIntent(options)`, который при создании принимает `options`:
Реализуйте это через универсальный объект `new HoverIntent(options)`, с параметрами `options`:
<ul>
<li>`elem` -- элемент, наведение на который нужно отслеживать.</li>
<li>`over` -- функция-обработчик наведения на элемент.</li>
@ -19,10 +17,6 @@
Пример использования такого объекта для подсказки:
```js
function HoverIntent(options) {
//... ваш код ...
}
// образец подсказки
var tooltip = document.createElement('div');
tooltip.className = "tooltip";
@ -48,6 +42,6 @@ new HoverIntent({
Если провести мышкой над "часиками" быстро, то ничего не будет, а если медленно или остановиться на них, то появится подсказка.
Обратите внимание -- подсказка не "мигает"" при проходе мыши внутри "часиков", по подэлементам.
Обратите внимание -- подсказка не "мигает" при проходе мыши внутри "часиков", по подэлементам.