diff --git a/j-Movable/component.js b/j-Movable/component.js index fec815d21..f465cad4c 100644 --- a/j-Movable/component.js +++ b/j-Movable/component.js @@ -6,7 +6,8 @@ COMPONENT('movable', function(self, config) { self.readonly(); self.make = function() { - $(document).on('dragenter dragover dragexit drop dragleave dragstart', config.selector, events.ondrag).on('mousedown', config.selector, events.ondown); + var target = config.global ? $(document) : config.parent ? self.parent(config.parent) : self.element; + target.on('dragenter dragover dragexit drop dragleave dragstart', config.selector, events.ondrag).on('mousedown', config.selector, events.ondown); }; events.ondrag = function(e) { @@ -80,5 +81,4 @@ COMPONENT('movable', function(self, config) { self.destroy = function() { $(document).off('dragenter dragover dragexit drop dragleave dragstart', config.selector, events.ondrag).off('mousedown', config.selector, events.ondown); }; -}); - +}); \ No newline at end of file diff --git a/j-Movable/component.json b/j-Movable/component.json index eb6eff9e9..ebc7bfeba 100644 --- a/j-Movable/component.json +++ b/j-Movable/component.json @@ -1,6 +1,6 @@ { "datecreated": "2019-10-01T20:25:01.000Z", - "dateupdated": "2020-08-02T23:47:00.000Z", + "dateupdated": "2020-08-02T23:49:00.000Z", "name": "j-Movable", "tags": [ "movable", diff --git a/j-Movable/readme.md b/j-Movable/readme.md index 5d77b4f39..f388b8f9f 100644 --- a/j-Movable/readme.md +++ b/j-Movable/readme.md @@ -6,6 +6,8 @@ __Configuration__: - `selector` {String} jQuery selector for watching - `exec` {String} A path to method which will be executed if the user moves element +- `global` {Boolean} drag & drop events will be binded to `document` (default: `false`) +- `parent` {String} selector for finding of element where will be binded drag & drop envets (default: current element) __Example of `Exec` method__: