Вопрос по javascript, css, html – Запустить событие css: hover с помощью js

5

я имею<div class="animate"> и в css:

div.animate:hover{
//do stuff
}

Но также хотел бы вызвать это через JavaScript.

Является ли это возможным?

Вы смотрели здесьstackoverflow.com/questions/2228376/… ? sleepwalker
возможный дубликатHover Item with JQuery kapa
возможный дубликатTrigger css hover with JS Joseph

Ваш Ответ

2   ответа
2

чтобы делать это таким образом, я предлагаю вам просто добавить класс к другому тегу. В jQuery это будет:

 $(window).load(function() {
    $('.trigger-animate').hover(function(){
        $('.animate').addClass('hover');
    });
}

Я рекомендую использовать этот метод, потому что он обрабатывает как onMouseOver, так и onMouseOut (таким образом, вы также можете удалить класс, когда ваша мышь покидает $ (& amp;

.hover( handlerIn(eventObject), handlerOut(eventObject) )
 checking out the documentation
Error: User Rate Limit Exceeded
Error: User Rate Limit Exceeded
Error: User Rate Limit Exceeded
Error: User Rate Limit Exceeded dukevin
Error: User Rate Limit Exceeded dukevin
4

Триггер CSS при наведении курсора это невозможно как есть (если вы хотите, чтобы это было описано точно во время создания этого ответа).

Но главная цель достижима:

Setting a class hover (or whatever name) as well as the selector :hover in the CSS. Calling .addClass("hover") to trigger CSS, and .trigger("hover") or .trigger("mouseenter") to trigger the JS. Ensuring the mouseleave handler. or 2nd .hover() handler, clears the hover class if present.

Похожие вопросы