Element Draggable

A lightweight draggable library.

Этот скрипт недоступен для установки пользователем. Он является библиотекой, которая подключается к другим скриптам мета-ключом // @require https://update.greasyfork.org/scripts/587662/1879553/Element%20Draggable.js

Чтобы установить этот скрипт, вы сначала должны установить расширение браузера, например Tampermonkey, Greasemonkey или Violentmonkey.

Для установки этого скрипта вам необходимо установить расширение, такое как Tampermonkey.

Чтобы установить этот скрипт, вы сначала должны установить расширение браузера, например Tampermonkey или Violentmonkey.

Чтобы установить этот скрипт, вы сначала должны установить расширение браузера, например Tampermonkey или Userscripts.

Чтобы установить этот скрипт, сначала вы должны установить расширение браузера, например Tampermonkey.

Чтобы установить этот скрипт, вы должны установить расширение — менеджер скриптов.

(у меня уже есть менеджер скриптов, дайте мне установить скрипт!)

Чтобы установить этот стиль, сначала вы должны установить расширение браузера, например Stylus.

Чтобы установить этот стиль, сначала вы должны установить расширение браузера, например Stylus.

Чтобы установить этот стиль, сначала вы должны установить расширение браузера, например Stylus.

Чтобы установить этот стиль, сначала вы должны установить расширение — менеджер стилей.

Чтобы установить этот стиль, сначала вы должны установить расширение — менеджер стилей.

Чтобы установить этот стиль, сначала вы должны установить расширение — менеджер стилей.

(у меня уже есть менеджер стилей, дайте мне установить скрипт!)

Автор
ryxel
Версия
1.0
Создано
19.07.2026
Обновлено
19.07.2026
Размер
6,3 КБ
Лицензия
MIT

Draggable

A JavaScript library for dragging elements, usable in Tampermonkey scripts or regular web pages.

Usage

const element = document.querySelector('#element');
const handle = document.querySelector('#handle');

const options = {
    handle: handle,
    savePosition: true,
    id: 'example'
};

const drag = new Draggable(element, options);

Parameters

  • element (HTMLElement): The target DOM element to be dragged.
  • options (Object, optional): Configuration object.

Options Configuration

Parameter Type Default Description
handle HTMLElement element Specifies the drag handle.
savePosition boolean false Whether to save the element position.
id string null Unique identifier used for saving the position. Only works when savePosition is true.

Notes

  • A unique id must be provided when position saving is enabled.
  • When using in a Tampermonkey script, if position saving is enabled, it is recommended to declare the following permissions in the script header:
// @grant GM_getValue
// @grant GM_setValue

With these permissions, position data will be stored through the userscript manager and can persist across pages.

If the permissions are not declared, position data will be stored in the current page's localStorage.

Destroy Instance

When the dragging functionality is no longer needed or the element is removed, the instance should be manually destroyed to release resources and remove event listeners.

drag.destroy();