如何在没有jQuery的情况下使用鼠标跟随元素

Question

我有这个，但它不起作用

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

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

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

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

但是我很困惑......为什么 box.style.left = left; 当它几乎完全相同时不能正常工作？

Answer 1

CSS left属性需要单位。你没有给它任何东西。当你给它一个数字时，jQuery＆＃39; css为你添加"px"，这就是jQuery的工作原理。

添加"px"：

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

Answer 2

你还必须给出最高价值

希望这段代码能够提供帮助

＆＃13;

＆＃13;

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

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

＆＃13;

.moveAble {
    position: absolute;
}

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;