SlavaMaxwell
@SlavaMaxwell
Frontend разработчик

Ошибка в консоли mousemove?

Когда уводишь мышь от картинки налево или вверх за пределы картинки, появляется ошибка, а когда выходишь за пределы снизу или справа ошибок нет, подскажите пожалуйста в чем ошибка и как ее исправить, не нарушив логику скрипта?
песочница
https://codepen.io/galulex/pen/eNZRVq
  • Вопрос задан
  • 65 просмотров
Решения вопроса 1
RAX7
@RAX7
function zoom(e) {
  const zoomer = e.currentTarget;
  let offsetX, offsetY;
  if (e.touches) {
    offsetX = e.touches[0].pageX;
    offsetY = e.touches[0].pageY;
  } else {
    offsetX = e.offsetX;
    offsetY = e.offsetY;
  }

  const x = offsetX/zoomer.offsetWidth*100
  const y = offsetY/zoomer.offsetHeight*100
  zoomer.style.backgroundPosition = x + '% ' + y + '%';
}
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
summer Ярославль
от 100 000 до 140 000 ₽
КРАФТТЕК Санкт-Петербург
от 60 000 до 80 000 ₽
19 апр. 2024, в 20:43
20000 руб./за проект
19 апр. 2024, в 20:11
500 руб./за проект