@koshotayl

Не могу понять как запустить функцию при ховере на элемент?

Только начинаю изучение js, и не понимаю как сделать, чтобы весь мой код выполнялся при
ховере на элемент poster__item , а не на все сразу.
Вот код
<div class="poster__item  ">			
  <div class="content">
     <div class="wrap ">
       <div class="poster__name">
          Текст текст екст 
      </div> 
    </div>	
  </div>
</div>

$(function(){
			function truncate(str, maxlength) {
				return (str.length > maxlength) ?
				str.slice(0, maxlength - 1) + '…' : str;
			}
			let $items = $('.wrap');
			$items.each(function(i, el){
				
				let $self = $(el),
					max = 50,
					$title = $self.find('.poster__name'),
					full_title = $title.text(),
					tr_title = truncate(full_title, max);

				$title.text(tr_title);

				$('.poster__item').hover(function() {
					$title.text(full_title);
				}, function() {
					$title.text(tr_title);
				})
			});
		});
  • Вопрос задан
  • 54 просмотра
Пригласить эксперта
Ответы на вопрос 2
$('.poster__item').hover(function() {
//mouseenter
functionName();
}, function() {
//mouseleave
functionName2();
})
Ответ написан
@dennis_d
стремлюсь к junior front-end developer
let poster = document.querySelector('poster__item')

poster.addEventListener('mousemove', ()=> {
код который отрабатывает при наведении
})
poster.addEventListener('mouseleave', ()=> {
код для противположного действиия "отведении" курсора
}
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
18 сент. 2020, в 21:23
2500 руб./за проект
18 сент. 2020, в 20:16
13000 руб./за проект
18 сент. 2020, в 19:05
25000 руб./за проект