1 В избранное 0 Ответвления 0

OSCHINA-MIRROR/tompeppa-graphic-design

В этом репозитории не указан файл с открытой лицензией (LICENSE). При использовании обратитесь к конкретному описанию проекта и его зависимостям в коде.
Клонировать/Скачать
drag.md 1.2 КБ
Копировать Редактировать Web IDE Исходные данные Просмотреть построчно История
gitlife-traslator Отправлено 02.12.2024 04:01 66241c4

drag.js

Реализация функции перетаскивания для div в JavaScript.

Использование:

    new Drag(options).register(el)

где options — это объект с параметрами:

Название Параметр Описание
onDrag left=левое поле, top=верхнее поле Во время перетаскивания
onBegin left=левое поле, top=верхнее поле, x=смещение влево, y=смещение вверх При начале перетаскивания
onEnd left=левое поле, top=верхнее поле По окончании перетаскивания

Поддержка jQuery

$.fn.drag = function() {
  var options = {
    onBegin: function(data) {},
    onEnd: function(data) {},
    onDrag: function(data) {}
  };
  new Drag(options).register(this);
};

Применение jQuery:

$(".aa").drag();

Поддержка Vue

Vue.directive('drag', {
  inserted(el, binding) {
    var options={};
    new Drag(options).register(el);
  }
});

Применение Vue:

<div v-drag="{aa:123}"></div>

Опубликовать ( 0 )

Вы можете оставить комментарий после Вход в систему

1
https://api.gitlife.ru/oschina-mirror/tompeppa-graphic-design.git
git@api.gitlife.ru:oschina-mirror/tompeppa-graphic-design.git
oschina-mirror
tompeppa-graphic-design
tompeppa-graphic-design
master