Update cl.js
Browse files
cl.js
CHANGED
@@ -97,6 +97,7 @@
|
|
97 |
}
|
98 |
if (!document.querySelector('evalcontainer')) {
|
99 |
s=document.createElement("evalcontainer");
|
|
|
100 |
|
101 |
// 右上の「×」ボタンを追加
|
102 |
var closeButton = document.createElement("button");
|
@@ -106,25 +107,6 @@
|
|
106 |
evaljs.close();
|
107 |
};
|
108 |
s.appendChild(closeButton);
|
109 |
-
|
110 |
-
// ドラッグ機能を実装
|
111 |
-
s.draggable = true; // ドラッグ可能にする
|
112 |
-
s.ondragstart = function(e) {
|
113 |
-
e.dataTransfer.setData("text/plain", null); // ドラッグ中のデータを設定
|
114 |
-
s.style.cursor = 'move'; // カーソルを変更
|
115 |
-
offsetX = e.clientX - s.getBoundingClientRect().left; // Xオフセット
|
116 |
-
offsetY = e.clientY - s.getBoundingClientRect().top; // Yオフセット
|
117 |
-
};
|
118 |
-
|
119 |
-
document.ondragover = function(e) {
|
120 |
-
e.preventDefault(); // デフォルトのドラッグアンドドロップ動作を無効化
|
121 |
-
};
|
122 |
-
|
123 |
-
document.ondrop = function(e) {
|
124 |
-
e.preventDefault(); // デフォルトの動作を防止
|
125 |
-
s.style.left = (e.clientX - offsetX) + 'px'; // 新しいX位置
|
126 |
-
s.style.top = (e.clientY - offsetY) + 'px'; // 新しいY位置
|
127 |
-
};
|
128 |
|
129 |
var output=document.createElement("evaloutput");
|
130 |
function createOutputEntry(words) {
|
@@ -199,6 +181,25 @@
|
|
199 |
}
|
200 |
};
|
201 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
202 |
function merp(u,t) {
|
203 |
switch (typeof u) {
|
204 |
case 'object':
|
|
|
97 |
}
|
98 |
if (!document.querySelector('evalcontainer')) {
|
99 |
s=document.createElement("evalcontainer");
|
100 |
+
s.setAttribute("draggable", "true"); // draggable属性を追加
|
101 |
|
102 |
// 右上の「×」ボタンを追加
|
103 |
var closeButton = document.createElement("button");
|
|
|
107 |
evaljs.close();
|
108 |
};
|
109 |
s.appendChild(closeButton);
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
110 |
|
111 |
var output=document.createElement("evaloutput");
|
112 |
function createOutputEntry(words) {
|
|
|
181 |
}
|
182 |
};
|
183 |
|
184 |
+
// ドラッグ機能を実装
|
185 |
+
let offsetX, offsetY;
|
186 |
+
|
187 |
+
s.ondragstart = function(e) {
|
188 |
+
offsetX = e.clientX - s.getBoundingClientRect().left;
|
189 |
+
offsetY = e.clientY - s.getBoundingClientRect().top;
|
190 |
+
e.dataTransfer.setData('text/plain', null); // Firefox用にデータをセット
|
191 |
+
};
|
192 |
+
|
193 |
+
document.ondragover = function(e) {
|
194 |
+
e.preventDefault(); // ドロップを許可
|
195 |
+
};
|
196 |
+
|
197 |
+
document.ondrop = function(e) {
|
198 |
+
e.preventDefault();
|
199 |
+
s.style.left = (e.clientX - offsetX) + 'px';
|
200 |
+
s.style.top = (e.clientY - offsetY) + 'px';
|
201 |
+
};
|
202 |
+
|
203 |
function merp(u,t) {
|
204 |
switch (typeof u) {
|
205 |
case 'object':
|