Передвинуть элемент на место клика

Question

Как передвинуть элемент на место клика, чтобы он стал ровно по центру?

.go {
  height: 100px;
  width: 100px;
  background: black;
}

<div class="go"></div>

Answer 1

document.addEventListener('click', fn, false);
function fn(event) {
  var el = document.querySelector('.go')
  el.style.transform = 'translate(' + (event.pageX - el.offsetWidth / 2) + 'px ,' + (event.pageY - el.offsetHeight / 2) + 'px)'
}

.go {
  height: 100px;
  width: 100px;
  background: black;
  transition: all .2s ease-in-out;
}

<div class="go"></div>

БЛОГ НА HUSL

Передвинуть элемент на место клика

Ответы (1 шт):