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'
}

猜你喜欢

转载自www.cnblogs.com/victory820/p/12537273.html