js拖拽代码

    上次，我爱模板网分享了如何用js写拖拽容器的效果，详见：js拖拽代码，js拖拽教程，但是有很多bug没有修复，例如，用户如果拖拽框，可以一直拖到浏览器“外面”，直到看不到登陆框，这次限制了拖拽框的拖拽范围，当拖到上下左右边界时，就拖不动了。还有就是当拖拽拖拽框，也能够拖拽，这样的用户体验非常不好，如果里面有文字需要选中，你会发现你拖拽选择的时候，会将框也一并拖走了，这次，我将拖拽触发仅限制于拖拽标题。还有就是，上次的拖拽框，在拖拽的过程中，可能会选中里面的文字，这次也将这个bug修复了。您可以点击下面的按钮，查看最终修复效果。

    而且，这次还加入了点击遮罩层也能够关闭拖拽框的效果，而上次的仅只能点击关闭按钮才能关闭。具体代码，请点击js拖拽代码查看。

    点击js拖拽代码查看拖拽效果。