Використовуйте обробники подій JavaScript, такі як «mouseenter» або «mouseover», щоб викликати ефект наведення, коли користувач переміщує вказівник миші над призначеною областю(ями).. Ви також можете використовувати «mouseleave» або «mouseout», щоб усунути або скасувати ефект наведення, коли користувач відводить вказівник миші від визначеної області.
Щоб додати ефекти наведення курсора на кнопку в JavaScript, ви можете використовувати події mouseover і mouseout для запуску дії, коли миша користувача входить або виходить з області кнопки. // Отримуємо елемент кнопки const button = document. querySelector('кнопка'); // Додати кнопку прослуховування подій при наведенні миші.
Посилання
- функція simulateMouseover() {
- var event = new MouseEvent('mouseover', {
- 'view': вікно,
- 'bubbles': правда,
- 'cancelable': правда.
- });
- var myTarget = документ. getElementById('target_div');
- змінна скасована = ! myTarget. dispatchEvent(подія);
Щоб навести курсор на елемент, використовуючи його текст, надайте текст елемента I. hoverOn команда. Щоб навести курсор на елемент за допомогою селектора CSS або XPATH, надайте селектор CSS або XPATH, який відповідає елементу.
Ви можете використовуйте оператор if із querySelector . Якщо ви додасте «:hover» у кінець селектора, він поверне елемент, лише якщо на нього наведено курсор. Це означає, що ви можете перевірити, чи повертає він нуль.
: hover CSS псевдоклас збігається, коли користувач взаємодіє з елементом за допомогою вказівного пристрою, але не обов’язково активує його. Зазвичай він запускається, коли користувач наводить курсор (вказівник миші) на елемент.
І вони мають бути в нашій папці, у тій же папці, що й наш Javascript. Файл і наша веб-сторінка. Отже, ось наш елемент IMG і, звичайно, це атрибут джерела, який вказує на Сталіна.