Improved selectors in j-Movable.

totaljs · Aug 2, 2020 · b97c234 · b97c234
1 parent b6493da
commit b97c234
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 4 deletions.
diff --git 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);
 	};
-});
-
+});
diff --git 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
@@ -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__: