js原生實現元素跟隨鼠標拖動

var ele = document.getElementById('box')
document.onmousemove = function (e) {
// 處理兼容
e = e || window.e
// 不考慮IE8及以下
var left = e.pageX
var top = e.pageY
// 需要設置單位
ele.style.left = left + 'px'
ele.style.top = top + 'px'
}

 

document.onmousemove = function (e) {
e = e || window.e
// 處理兼容
var scrollTop = document.body.scrollTop || document.documentElement.scrollTop
var scrollLeft = document.body.scrollLeft || document.documentElement.scrollLeft
var left = e.clinetX
var top = e.clientY
ele.style.left = left + scrollLeft + 'px'
ele.style.top = top + scrollTop + 'px'
}