一个简单的拖动js脚本

JavaScript015

一个简单的拖动js脚本,第1张

1.evt是event的缩写也就是事件，windows.onload表示网页加载完毕就开始监听事件，这里是监听的鼠标按下和松开的。

2.这是针对火狐内核和IE的，ie下要用window.event.兼容性问题。

3.offsetX和layerX也是考虑的兼容性问题

clientX 事件属性返回当事件被触发时鼠标指针向对于浏览器页面（或客户区）的水平坐标。

4.offset指内层div到外层div的距离，client指div的border

希望有所帮助。

给div的omousedown指定匿名函数获取当前的鼠标坐标

然后在onmouseover中获取实时的鼠标坐标 根据div的属性动态的设置width height top left 等属性

onmouseup 释放即可