soiz commited on
Commit
4885494
·
verified ·
1 Parent(s): d6c63eb

Update cl.js

Browse files
Files changed (1) hide show
  1. cl.js +20 -19
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':