1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
| "use strict";
var Selectron = /** @class */ function() {
function Selectron(options) {
if(options === void 0) {
options = {
field: window.document
};
}
this.field = options.field;
this.url = {};
}
Selectron.prototype.init = function() {
var _this = this;
var opLoad = {
events: {
//load
load: function() {
var opSelect = {
startX: 0,
startY: 0,
flag: false,
events: {
// mousedown
mousedown: function(evt) {
var _a;
if(!opSelect.flag) {
opSelect.flag = true;
(_this.field.body || _this.field).insertAdjacentHTML("beforeend", "<div id=\"selectron-frame\" style=\"left:" + evt.clientX + "px;top:" + evt.clientY + "px\"></div>");
_a = [
evt.clientX,
evt.clientY
],
opSelect.startX = _a[0], opSelect.startY = _a[1];
}
},
// end mousedown
// mousemove
mousemove: function(evt) {
var _a;
if(opSelect.flag) {
_a = [
Math.abs(evt.clientY - opSelect.startY) + "px",
Math.abs(evt.clientX - opSelect.startX) + "px", (evt.clientY >= opSelect.startY ? opSelect.startY : opSelect.startY - Math.abs(evt.clientY - opSelect.startY)) + "px", (evt.clientX >= opSelect.startX ? opSelect.startX : opSelect.startX - Math.abs(evt.clientX - opSelect.startX)) + "px"
],
_this.field.getElementById("selectron-frame").style.height = _a[0], _this.field.getElementById("selectron-frame").style.width = _a[1], _this.field.getElementById("selectron-frame").style.top = _a[2], _this.field.getElementById("selectron-frame").style.left = _a[3];
}
},
// end mousemove
// mouseup
mouseup: function(evt) {
if(opSelect.flag) {
opSelect.flag = false;
var tmp = Array.from(_this.field.getElementsByTagName("IMG"), function(el, ind) {
return el.classList[_this.field.elementsFromPoint(el.getBoundingClientRect().left, el.getBoundingClientRect().top).includes(_this.field.getElementById("selectron-frame")) || _this.field.elementsFromPoint(el.getBoundingClientRect().right, el.getBoundingClientRect().bottom).includes(_this.field.getElementById("selectron-frame")) || _this.field.elementsFromPoint(el.getBoundingClientRect().x + el.getBoundingClientRect().width, el.getBoundingClientRect().top).includes(_this.field.getElementById("selectron-frame")) || _this.field.elementsFromPoint(el.getBoundingClientRect().left, el.getBoundingClientRect().y + el.getBoundingClientRect().height).includes(_this.field.getElementById("selectron-frame")) ? (_this.url[ind] = el.src, "add") : (delete _this.url[ind], "remove")]("selected");
});
if(evt.target.classList.contains("imgs")) {
evt.target.classList.add("selected");
_this.url[Array.from(field.getElementsByTagName("IMG")).indexOf(evt.target)] = evt.target.src;
}
tmp = undefined;
_this.field.getElementById("selectron-frame").remove();
///////////////////////////////////////////////////////////
console.log(_this.url); // or return this.url like a variable
///////////////////////////////////////////////////////////
}
}
}
};;
["mousedown", "mousemove", "mouseup"].
forEach(function(ev) {
return _this.field.addEventListener(ev, opSelect.events[ev]);
});
window.addEventListener("beforeunload", function() {;
["mousedown", "mousemove", "mouseup"].
forEach(function(ev) {
return _this.field.removeEventListener(ev, opSelect.events[ev]);
});
opSelect = undefined;
});
// end load
}
}
};
window.addEventListener("load", opLoad.events.load);
window.addEventListener("beforeunload", function() {
window.removeEventListener("load", opLoad.events.load);
opLoad = undefined;
});
};
return Selectron;
}();;
new Selectron().init(); |
(
