#box2{
width: 100px;
height: 100px;
background: red;
position: absolute;
left: 0;
top: 0;
}
HTML代码
<div id="box2"></div>
JavaScript代码
var box2 = document.getElementById("box2");
var clientW = document.documentElement.clientWidth;
var clientH = document.documentElement.clientHeight;
box2.onmousedown = function(eve){
var downEvent = eve || window.event;
document.onmousemove = function(eve){
var moveEvent = eve || window.event;
var l = moveEvent.pageX - downEvent.offsetX;
var t = moveEvent.pageY - downEvent.offsetY;
if(l<0) l = 0;
if(t<0) t = 0;
if(l>clientW - box2.offsetWidth){
l = clientW - box2.offsetWidth;
}
if(t>clientH - box2.offsetHeight){
t = clientH - box2.offsetHeight;
}
box2.style.left = l + "px";
box2.style.top = t + "px";
}
document.onmouseup = function(){
document.onmousemove = null;
}
}