OSDN -- Develop and Download Open Source Software
  • R/O
  • SSH
  • HTTPS

Commit

Frequently used words (click to add to your profile)

javac++androidlinuxc#windowsobjective-ccocoa誰得qtpythonphprubygameguibathyscaphec計画中(planning stage)翻訳omegatframeworktwitterdomtestvb.netdirectxゲームエンジンbtronarduinopreviewer

JavaScriptを色々あれこれしようとするがひたすら失敗を繰り返している


Commit MetaInfo

Revision14 (tree)
Time2016-11-14 07:34:23
Authortakoyaki_umaaaa

Log Message

マウス座標取得元を client座標から page座標に修正

Change Summary

Incremental Difference

--- Readme.txt (revision 13)
+++ Readme.txt (nonexistent)
@@ -1 +0,0 @@
1-Repositoryの説明文
--- HtmlDrawApp/HTMLDrawApp/bin/Debug/AppX/js/DispObj.js (revision 13)
+++ HtmlDrawApp/HTMLDrawApp/bin/Debug/AppX/js/DispObj.js (revision 14)
@@ -211,8 +211,8 @@
211211 // Focus設定
212212 evt.target.dataset.focus = "true";
213213 // 移動元として座標を保持
214- this.startDragX = evt.clientX;
215- this.startDragY = evt.clientY;
214+ this.startDragX = evt.pageX;
215+ this.startDragY = evt.pageY;
216216
217217 // Focus表示
218218 window.partsFocus.setClingingPartner(this.DOMobject);
@@ -220,8 +220,8 @@
220220 }
221221 mouseMove(evt) {
222222 // 画像の仮移動
223- this.endDragX = evt.clientX;
224- this.endDragY = evt.clientY;
223+ this.endDragX = evt.pageX;
224+ this.endDragY = evt.pageY;
225225 // 移動量取得
226226 let moveX = this.endDragX - this.startDragX;
227227 let moveY = this.endDragY - this.startDragY;
@@ -242,8 +242,8 @@
242242
243243
244244 // 移動元として座標を保持
245- this.endDragX = evt.clientX;
246- this.endDragY = evt.clientY;
245+ this.endDragX = evt.pageX;
246+ this.endDragY = evt.pageY;
247247 // 移動量取得
248248 let moveX = this.endDragX - this.startDragX;
249249 let moveY = this.endDragY - this.startDragY;
--- HtmlDrawApp/HTMLDrawApp/bin/Debug/AppX/js/UI_parts.js (revision 13)
+++ HtmlDrawApp/HTMLDrawApp/bin/Debug/AppX/js/UI_parts.js (revision 14)
@@ -258,13 +258,13 @@
258258 // 移動元として座標を保持
259259 this.scaleStartWidth = parseInt(this.clingingPartner.style.width);
260260 this.scaleStartHeight = parseInt(this.clingingPartner.style.height);
261- this.startDragX = evt.clientX;
262- this.startDragY = evt.clientY;
261+ this.startDragX = evt.pageX;
262+ this.startDragY = evt.pageY;
263263 }
264264 mouseMoveScale(evt) {
265265 // 画像の仮変形
266- this.endDragX = evt.clientX;
267- this.endDragY = evt.clientY;
266+ this.endDragX = evt.pageX;
267+ this.endDragY = evt.pageY;
268268 // 移動量取得
269269 let moveX = this.endDragX - this.startDragX;
270270 let moveY = this.endDragY - this.startDragY;
@@ -281,8 +281,8 @@
281281 window.displayField.setMouseEventObj(null, null);
282282
283283 // 画像の仮変形
284- this.endDragX = evt.clientX;
285- this.endDragY = evt.clientY;
284+ this.endDragX = evt.pageX;
285+ this.endDragY = evt.pageY;
286286 // 移動量取得
287287 let moveX = this.endDragX - this.startDragX;
288288 let moveY = this.endDragY - this.startDragY;
@@ -308,8 +308,8 @@
308308 mouseMoveRoll(evt) {
309309 let x1 = parseInt(this.clingingPartner.style.left) + parseInt(this.clingingPartner.style.width) / 2;
310310 let y1 = parseInt(this.clingingPartner.style.top) + parseInt(this.clingingPartner.style.height) / 2;
311- let x2 = evt.clientX;
312- let y2 = evt.clientY;
311+ let x2 = evt.pageX;
312+ let y2 = evt.pageY;
313313 let degree = angle(x2, y2, x1, y1);
314314
315315 this.renderFunc.enqueue(this.renderMouseMoveRoll.bind(this, degree));
@@ -324,8 +324,8 @@
324324
325325 let x1 = parseInt(this.clingingPartner.style.left) + parseInt(this.clingingPartner.style.width) / 2;
326326 let y1 = parseInt(this.clingingPartner.style.top) + parseInt(this.clingingPartner.style.height) / 2;
327- let x2 = evt.clientX;
328- let y2 = evt.clientY;
327+ let x2 = evt.pageX;
328+ let y2 = evt.pageY;
329329 let degree = angle(x2, y2, x1, y1);
330330 // this.debuglog('■■ x1=' + x1 + ', y1=' + y1 + ',\nx2=' + x2 + ', y2=' + y2 + '\nangle=' + degree);
331331 // window.ObjIDMgr.rollbox( this.clingingPartner.dataset.objid, degree ); // debug用 設定情報で直接表示
--- HtmlDrawApp/HTMLDrawApp/js/DispObj.js (revision 13)
+++ HtmlDrawApp/HTMLDrawApp/js/DispObj.js (revision 14)
@@ -211,8 +211,8 @@
211211 // Focus設定
212212 evt.target.dataset.focus = "true";
213213 // 移動元として座標を保持
214- this.startDragX = evt.clientX;
215- this.startDragY = evt.clientY;
214+ this.startDragX = evt.pageX;
215+ this.startDragY = evt.pageY;
216216
217217 // Focus表示
218218 window.partsFocus.setClingingPartner(this.DOMobject);
@@ -220,8 +220,8 @@
220220 }
221221 mouseMove(evt) {
222222 // 画像の仮移動
223- this.endDragX = evt.clientX;
224- this.endDragY = evt.clientY;
223+ this.endDragX = evt.pageX;
224+ this.endDragY = evt.pageY;
225225 // 移動量取得
226226 let moveX = this.endDragX - this.startDragX;
227227 let moveY = this.endDragY - this.startDragY;
@@ -242,8 +242,8 @@
242242
243243
244244 // 移動元として座標を保持
245- this.endDragX = evt.clientX;
246- this.endDragY = evt.clientY;
245+ this.endDragX = evt.pageX;
246+ this.endDragY = evt.pageY;
247247 // 移動量取得
248248 let moveX = this.endDragX - this.startDragX;
249249 let moveY = this.endDragY - this.startDragY;
--- HtmlDrawApp/HTMLDrawApp/js/UI_parts.js (revision 13)
+++ HtmlDrawApp/HTMLDrawApp/js/UI_parts.js (revision 14)
@@ -258,13 +258,13 @@
258258 // 移動元として座標を保持
259259 this.scaleStartWidth = parseInt(this.clingingPartner.style.width);
260260 this.scaleStartHeight = parseInt(this.clingingPartner.style.height);
261- this.startDragX = evt.clientX;
262- this.startDragY = evt.clientY;
261+ this.startDragX = evt.pageX;
262+ this.startDragY = evt.pageY;
263263 }
264264 mouseMoveScale(evt) {
265265 // 画像の仮変形
266- this.endDragX = evt.clientX;
267- this.endDragY = evt.clientY;
266+ this.endDragX = evt.pageX;
267+ this.endDragY = evt.pageY;
268268 // 移動量取得
269269 let moveX = this.endDragX - this.startDragX;
270270 let moveY = this.endDragY - this.startDragY;
@@ -281,8 +281,8 @@
281281 window.displayField.setMouseEventObj(null, null);
282282
283283 // 画像の仮変形
284- this.endDragX = evt.clientX;
285- this.endDragY = evt.clientY;
284+ this.endDragX = evt.pageX;
285+ this.endDragY = evt.pageY;
286286 // 移動量取得
287287 let moveX = this.endDragX - this.startDragX;
288288 let moveY = this.endDragY - this.startDragY;
@@ -308,8 +308,8 @@
308308 mouseMoveRoll(evt) {
309309 let x1 = parseInt(this.clingingPartner.style.left) + parseInt(this.clingingPartner.style.width) / 2;
310310 let y1 = parseInt(this.clingingPartner.style.top) + parseInt(this.clingingPartner.style.height) / 2;
311- let x2 = evt.clientX;
312- let y2 = evt.clientY;
311+ let x2 = evt.pageX;
312+ let y2 = evt.pageY;
313313 let degree = angle(x2, y2, x1, y1);
314314
315315 this.renderFunc.enqueue(this.renderMouseMoveRoll.bind(this, degree));
@@ -324,8 +324,8 @@
324324
325325 let x1 = parseInt(this.clingingPartner.style.left) + parseInt(this.clingingPartner.style.width) / 2;
326326 let y1 = parseInt(this.clingingPartner.style.top) + parseInt(this.clingingPartner.style.height) / 2;
327- let x2 = evt.clientX;
328- let y2 = evt.clientY;
327+ let x2 = evt.pageX;
328+ let y2 = evt.pageY;
329329 let degree = angle(x2, y2, x1, y1);
330330 // this.debuglog('■■ x1=' + x1 + ', y1=' + y1 + ',\nx2=' + x2 + ', y2=' + y2 + '\nangle=' + degree);
331331 // window.ObjIDMgr.rollbox( this.clingingPartner.dataset.objid, degree ); // debug用 設定情報で直接表示