Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   JS Drag and drop (ограничить перемещение) (https://javascript.ru/forum/misc/49833-js-drag-drop-ogranichit-peremeshhenie.html)

sew810i9 30.08.2014 12:11

JS Drag and drop (ограничить перемещение)
 
Здравствуйте. Есть код на чистом js, с помощью которого можно перемещать элементы, скажите, как сделать ограничение на перемещение объекта. Например перемещать элемент в пределах какого то блока, хотелось бы пример на чистом js

Arramis 30.08.2014 12:51

Цитата:

Сообщение от sew810i9 (Сообщение 328189)
Например перемещать элемент в пределах какого то блока

при перемещении элемента проверять его х и у координаты на больше соотвествующих координат блока в котором перемещаются.
function onDrag(el) {

 if (el.x > block.x) {
  el.x = block.x
 }

 if (el.y > block.y) {
  el.y = block.y;
 }

}

либо блок в котором объект перемещается сделать Position: relative
а элемент Position: absolute, хотя элемент так и так придётся делать абсолютно отпозиционированным


Часовой пояс GMT +3, время: 06:18.