|
@@ -1,8 +1,10 @@
|
|
|
const draggable = {
|
|
|
inserted: function (el) {
|
|
|
+ let wrap = document.getElementsByClassName('app-main draggable-box')[0]
|
|
|
el.style.cursor = 'move'
|
|
|
let firstTime='',lastTime='';
|
|
|
el.onmousedown = function (e) {
|
|
|
+
|
|
|
el.setAttribute('data-flag',false)
|
|
|
firstTime = new Date().getTime();
|
|
|
let disx = e.pageX - el.offsetLeft
|
|
@@ -27,7 +29,7 @@ const draggable = {
|
|
|
} else if (y > maxY) {
|
|
|
y = maxY
|
|
|
}
|
|
|
- let wrap = document.getElementsByClassName('app-main draggable-box')[0]
|
|
|
+
|
|
|
if(x>wrap.offsetWidth-35){
|
|
|
x = wrap.offsetWidth-35
|
|
|
}
|
|
@@ -38,9 +40,11 @@ const draggable = {
|
|
|
lastTime = new Date().getTime();
|
|
|
if( (lastTime - firstTime) < 200){
|
|
|
el.setAttribute('data-flag',true)
|
|
|
+ wrap.style.userSelect ='none'
|
|
|
}
|
|
|
}
|
|
|
document.onmouseup = function () {
|
|
|
+ wrap.style.userSelect ='auto'
|
|
|
document.onmousemove = document.onmouseup = null
|
|
|
}
|
|
|
}
|