DragBinder 是一款拖拽绑定程序，它的功能非常的强大。它可以实现自由拖拽、特定范围内拖拽、特定步长拖拽。所以我们用它只花了几句代码就实现了滑块条、窗体大小改变等各种丰富特效的 Web 控件。

• 修改　修改一小段代码，使“改变‘窗体’大小”这种应用在 IE8 中仍然有效，该版本兼容于之前的版本。

/products/DragBinder/demo.htm

• Internet Explorer　全面支持
• Firefox　全面支持

var winDrag = new DragBinder("win", "win");

winDrag.setScope("multiWin", "body");

DragBinder(target, controller)

构造函数。

• target　字符串或对象　被拖拽的控件 Id 名称或控件对象，好比是 Windows 窗体。
• controller　字符串或对象　用于响应拖拽的控件 Id 名称或控件对象，好比是 Windows 窗体中的标题栏。

setScope(scopeElement, scopeRestrict)

限制拖拽范围。

• scopeElement　字符串或对象　控件的拖拽范围被限定在 scopeElement 的区域内，该参数为控件 Id 名称或控件对象。
• scopeRestrict　字符串　限制方式。可选值：position 和 body。position，控件的左上角在 scopeElement 区域内；body，控件的所有区域在 scopeElement 区域内。

setStep(stepX, stepY)

设置步进长度，在制作滑块条时特别有用。

• stepX　数字　X 方向上的步进长度。
• stepY　数字　Y 方向上的步进长度。

• onDragStarted　函数　当拖拽开始后触发。
• onMoving　函数　当拖拽时控件正在移动时触发。传递一个参数：info。参数 info，对象。该对象有两个参数 deltaX、deltaY，分别表示在 X 和 Y 方向上即将移动的距离。
• onMoved　函数　当拖拽时控件移动后触发。传递一个参数：info。参数 info，对象。该对象有两个参数 deltaX、deltaY，分别表示在 X 和 Y 方向上移动的距离。
• onDragStopped　函数　拖拽结束后触发。

• 为什么在拖拽时鼠标会闪烁？　在 IE6 中，如果有背景图片的元素相关属性发生变化时，就会闪烁。
• 为什么代码没错，却无法拖动？　在 IE6 中，如果 div 没有宽度，那么在无内容的地方就不会响应拖拽，可以通过在 CSS 中设定宽度来解决。

当前版本 v1.1 点击下载压缩文件包，内含：

• JS 主程序文件　2 个
• 示例文件　1 个