jQuery .mouseover() метод
Определение и приложение
Моля, обърнете внимание, че за разлика от събитието"mouseover", събитието"mouseenter"се задейства само когато показалецът на мишката влезе в избрания елемент. Събитието"mouseover"се задейства дори когато показалецът на мишката се премести от родителския елемент към дъщерния (вложен) елемент и от дъщерния елемент обратно към родителския елемент, въпреки факта, че показалецът не е напуснал родителския елемент в този момент (бълбукащо събитие).
Синтаксис на jQuery:
Моля, имайте предвид, че методът.mouseover(), използван заедно с функцията, предадена като параметър (handler), е съкратено за метода.on(), а без параметър е съкратено за метода.trigger():
Добавен във версия jQuery
Стойности на параметрите
| данни за събитие | Обект, съдържащ данните, които трябва да бъдат предадени на манипулатора на събития. |
| манипулатор | Функция, която да се изпълнява всеки път, когато се задейства събитието. Една функция може да приеме обект Event като параметър. |
Пример за употреба
В този пример, използвайки метода.mouseover()на jQuery, когато щракнем върху елемент (бутон), задействаме събитие"mouseover"върху елемента
Резултатът от нашия пример:
Разгледайте следния пример, в който сравняваме разликата в задействането на събитията"mouseenter"и"mouseover":
В този пример, за да демонстрираме разликата между събитията"mouseenter"и"mouseover", създадохме два отделни родителски блока, съдържащи дъщерни блокове. ПлащанеМоля, имайте предвид, че събитието"mouseover"се задейства дори когато показалецът на мишката се движи от родителския елемент към дъщерния (вложен) елемент и от дъщерния елемент обратно към родителския елемент, въпреки факта, че показалецът в този момент не е напуснал родителския елемент (бълбукащо събитие), а събитието"mouseenter"се задейства само когато показалецът влезе в родителския елемент, независимо дали се движи над дъщерните елементи или не.
Резултатът от нашия пример:
