我如何有一个元素跟随鼠标没有jQuery的

Question

我有这个，但它不工作

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

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

如果我只是更换box.style.left =左;与jQuery它工作正常

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

，但我只是很困惑......为什么box.style.left =左;不工作时，它几乎是同一件事？

Answer 1

CSS left属性需要单位。你没有给它。 jQuery的css为你添加"px"当你给它一个数字，这就是为什么jQuery的作品。

添加"px"：

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

Answer 2

你也得给顶值

希望这个片段将帮助

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

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

.moveAble { 
 
    position: absolute; 
 
}

<div id="box" class="moveAble"> 
 
AAAA 
 
</div>