JavaScript基础(32)_拖拽、鼠标移动事件

复习：鼠标移动事件

关于“传递事件对象”浏览器兼容性解决办法：
方法1、if(!event){
event = window.event;
}
方法2、event = event || window.event;

关于“获取滚动条距离”浏览器兼容性解决办法：
var sl = document.body.scrollLeft || document.documentElement.scrollLeft;
var st = document.body.scrollTop || document.documentElement.scrollTop;

获取鼠标在可见窗口坐标的计算方式：
方式1：
var x = event.pageX;  
var y = event.pageY;  
方式2：
var x = event.clientX + sl;  
var y = event.clientY + st;  

拖拽的流程：

1、当鼠标按下点击被拖拽元素时，开始拖拽，事件：onmousedown。
2、当鼠标开始移动拖拽元素时，事件：onmousemove。
3、当鼠标松开时，事件：onmouseup。
                        
鼠标按下时，鼠标在div元素内的偏移量：
方式1：
ol = event.pageX - div元素.offsetLeft
ot = event.pageY - div元素.offs