1 | import isElement from '@yelloxing/core.js/isElement';
|
2 |
|
3 | export default {
|
4 |
|
5 |
|
6 | "stopPropagation": function (event) {
|
7 | event = event || window.event;
|
8 | if (event.stopPropagation) {
|
9 | event.stopPropagation();
|
10 | } else {
|
11 | event.cancelBubble = true;
|
12 | }
|
13 | },
|
14 |
|
15 |
|
16 | "preventDefault": function (event) {
|
17 | event = event || window.event;
|
18 | if (event.preventDefault) {
|
19 | event.preventDefault();
|
20 | } else {
|
21 | event.returnValue = false;
|
22 | }
|
23 | },
|
24 |
|
25 |
|
26 | "bind": function (el, eventType, callback) {
|
27 | if (window.attachEvent) {
|
28 | el.attachEvent("on" + eventType, callback);
|
29 | } else {
|
30 | el.addEventListener(eventType, callback, false);
|
31 | }
|
32 | },
|
33 |
|
34 |
|
35 | "trigger": function (dom, eventType) {
|
36 | let event;
|
37 |
|
38 |
|
39 | if (document.createEventObject) {
|
40 |
|
41 | event = document.createEventObject();
|
42 | dom.fireEvent('on' + eventType, event);
|
43 | }
|
44 |
|
45 |
|
46 | else {
|
47 | event = document.createEvent('HTMLEvents');
|
48 |
|
49 | event.initEvent(eventType, true, false);
|
50 | dom.dispatchEvent(event);
|
51 | }
|
52 | },
|
53 |
|
54 |
|
55 | "toNode": function (template) {
|
56 | let frame = document.createElement("div");
|
57 | frame.innerHTML = template;
|
58 | let childNodes = frame.childNodes;
|
59 | for (let i = 0; i < childNodes.length; i++) {
|
60 | if (isElement(childNodes[i])) return childNodes[i];
|
61 | }
|
62 | return null;
|
63 | },
|
64 |
|
65 |
|
66 | "appendTo": function (el, template) {
|
67 | let node = isElement(template) ? template : this.toNode(template);
|
68 | el.appendChild(node);
|
69 | return node;
|
70 | },
|
71 |
|
72 |
|
73 | "remove": function (el) {
|
74 | el.parentNode.removeChild(el);
|
75 | },
|
76 |
|
77 |
|
78 | "after": function (el, template) {
|
79 | let node = isElement(template) ? template : this.toNode(template);
|
80 | el.parentNode.insertBefore(node, el.nextSibling);
|
81 | return node;
|
82 | },
|
83 |
|
84 |
|
85 | "css": function (el, styles) {
|
86 | for (let key in styles) {
|
87 | el.style[key] = styles[key];
|
88 | }
|
89 | },
|
90 |
|
91 |
|
92 | "attr": function (el, attrs) {
|
93 | for (let key in attrs) {
|
94 | el.setAttribute(key, attrs[key]);
|
95 | }
|
96 | },
|
97 |
|
98 |
|
99 | "position": function (el, event) {
|
100 |
|
101 | event = event || window.event;
|
102 |
|
103 |
|
104 | let bounding = el.getBoundingClientRect();
|
105 |
|
106 | if (!event || !event.clientX)
|
107 | throw new Error('Event is necessary!');
|
108 | let temp = {
|
109 |
|
110 |
|
111 | "x": event.clientX - bounding.left + el.scrollLeft,
|
112 | "y": event.clientY - bounding.top + el.scrollTop
|
113 | };
|
114 |
|
115 | return temp;
|
116 | },
|
117 |
|
118 |
|
119 | "copy": function (text) {
|
120 |
|
121 | let el = this.appendTo(document.body, '<textarea>' + text + '</textarea>');
|
122 |
|
123 |
|
124 | el.select();
|
125 | try {
|
126 | let result = window.document.execCommand("copy", false, null);
|
127 |
|
128 | if (result) {
|
129 |
|
130 | } else {
|
131 |
|
132 | }
|
133 | } catch (e) {
|
134 | console.error(e);
|
135 |
|
136 | }
|
137 |
|
138 | document.body.removeChild(el);
|
139 |
|
140 | }
|
141 |
|
142 | }; |
\ | No newline at end of file |