javascript - 我如何在没有 jQuery 的情况下让元素跟随鼠标

Question

我有这个但是没用

var box = document.getElementById("box");

window.addEventListener('mousemove', function(e){
    var left = e.pageX;
    box.style.left = left;
});

如果我只是将 box.style.left = left; 替换为 jQuery，它就可以正常工作

$('#wrap').css ({   
    left: left  
});

但我只是很困惑...为什么 box.style.left = left; 在实际上是同一件事时不起作用？

Answer 1

CSS left 属性需要单位。你什么都不给。 jQuery 的 css当你给它一个数字时，为你添加 "px"，这就是 jQuery 的工作原理。

添加一个“px”:

box.style.left = e.pageX + "px";