javascript - 设置每个 mouse.x 的 CSS 值

Question

就这么简单。我覆盖了默认的 mousemove 事件，并将其替换为:

function onDocumentMouseMove(e) {
  e.preventDefault();
  e.stopPropagation();
  mouse.x = (e.clientX / WIDTH) * 2 - 1;
  mouse.y = -(e.clientY / HEIGHT) * 2 + 1;

  var x = mouse.x + "px";
  $('#gun').css('left', x);
}

但是，这不起作用，枪只是按照原来的位置渲染。请帮忙，因为我需要了解这样的基本知识才能成为一名程序员。我只是太笨了。也许我需要 Stackoverflow 作为补偿？

感谢所有努力回答问题的人!

• 诺亚

Answer 1

你似乎在使用 jQuery，所以你需要类似的东西；

$(document).ready(function() {
  var $gun = $('#gun');
  var mouseMove = function (e) {
    $gun.css('left', e.clientX);
    $gun.css('top', e.clientY);
  }
  window.addEventListener('mousemove', mouseMove, false);
}

您需要确保为枪元素提供正确的 CSS，以便位置正确。