Вопросы Теги

Как я могу знать как долго у меня есть мой курсор на div в js?

Эх ища, как знание времени в миллисекундах или секунд, которые перемещает курсор на div, это означает, что, если я помещаю мой курсор на div, он хотел получить время, что остается мой курсор там чтобы после обрабатывать эту информацию. В настоящее время у меня нет никакого кода, который мог бы служить мне для этого

1
задан 20.03.2019, 04:31
1 ответ

В continuaciГіn я оставляю тебе пример используя jQuery, сначала он обнаруживает у себя событие, в котором курсор входит в div и сохраняют дату и час, в котором sucediГі, и другое событие для, когда курсор выйдет из div, вновь сохраняют дату и час, и с обоими вычисляется количество секунды, что продолжился курсор внутри div, и является результатом. 

var dateStart;
var dateEnd;

$('.zone').on('mouseenter', function() {
  dateStart = new Date();
  dateEnd = null;
  $('.info').html('');
});


$('.zone').on('mouseleave', function() {  
  dateEnd = new Date();
  var duration = (dateEnd - dateStart) / 1000;
  $('.info').html(duration + ' segundos');
});
.zone {
  background-color: red;
  border: 1px solid black;
  height: 100px;
  margin: 1rem auto;
  width: 100px;
}

.info {
  border: 1px solid grey;
  min-height: 25px;
  margin: 1rem auto;
  text-align: center;
  width: 100px;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<div class="zone"></div>
<div class="info"></div>
2
ответ дан 02.12.2019, 05:22