请问为什么pageX与pageY没效果？

Question

img {
    position: absolute;
}

<img src="../images/cangjingkong.jpg" alt="苍老师" title="苍老师" id="img">

document.onmousemove=function (e) {
    var img=document.getElementById("img");
    img.style.left=e.clientX+"px";
    img.style.top=e.clientY+"px";
};

clientX和clientY图片能随着鼠标移动

document.onmousemove = function (e) {
    var img = document.getElementById("img");
    img.style.left = e.pageX + "px";
    img.style.left = e.pageY + "px";
};

但是pageX和pageY图片却不能跟着图标随意移动，鼠标动的时候图片只是在左右移动

不知道是错误出在哪，请教各位大神。