拖拽功能的修改 - drag

Posted lcxsummer

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了拖拽功能的修改 - drag相关的知识,希望对你有一定的参考价值。

最近开发组态的功能,希望div拖拽的时候不要超过浏览器上下边界,但是 jquery-ui.js 控件做不了边界限制,  没有这个配置入口,所以做了简单的修改,

这是改的控件里面的代码:

技术图片

 

 这是调用的时候传入自定义的参数【drag3】:

技术图片

 

 技术图片

 

 思路是超出可拖拽的范围时,修改 event 事件鼠标的 x 、 y 值

 

以上是关于拖拽功能的修改 - drag的主要内容,如果未能解决你的问题,请参考以下文章

原生拖拽,拖放事件(drag and drop)

Drag,js实现鼠标拖拽元素

Drag,js实现鼠标拖拽元素

(原创)[C#] 一步一步自定义拖拽(Drag&Drop)时的鼠标效果:基本原理及基本实现

Vue 也能实现拖拽了 (vue-dragging)

vue给 dom 添加拖拽功能