您的位置:首页 > Web前端 > JavaScript

js 实现鼠标按下 拖动div

2014-06-13 16:05 706 查看
</pre><pre name="code" class="javascript">	//div 拖动 div的ID
container.onmousedown = function() {
//获取鼠标当前坐标
var pageX = event.clientX;
var pageY = event.clientY;
//获取block的坐标,左边界和上边界
var offX = parseInt(this.style.left) || 0;
var offY = parseInt(this.style.top) || 0;
//计算出鼠标坐标相对于block坐标的间距
var offLX = pageX - offX;
var offLY = pageY - offY;
if (!document.onmousemove) {
document.onmousemove = function() {
container.style.left = event.clientX - offLX; //设置block的X坐标
container.style.top = event.clientY - offLY; //设置block的Y坐标
}
}
}
document.onmouseup = function() {
document.onmousemove = null;
} //鼠标弹起

//div 拖动



                                            
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: