質問編集履歴
1
デモページの追加
title
CHANGED
|
@@ -1,1 +1,1 @@
|
|
|
1
|
-
event.clientXとevent.clientYだけでズレずに要素をドラッグ
|
|
1
|
+
event.clientXとevent.clientYだけでズレずに要素をドラッグするには
|
body
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
# event.clientXとevent.clientYだけでズレずに要素をドラッグ？
|
|
1
|
+
# event.clientXとevent.clientYだけでズレずに要素をドラッグするにはどうすればいいですか？できますか？
|
|
2
2
|
|
|
3
3
|
mousemoveイベントで要素をマウスカーソルに追従させるばあい、要素のstyle.leftとstyle.topにevent.clientXとevent.clientYだけを設定すると要素の左上がカーソルの座標になってしまうので
|
|
4
4
|
|
|
@@ -93,4 +93,7 @@
|
|
|
93
93
|
</body>
|
|
94
94
|
</html>
|
|
95
95
|
```
|
|
96
|
+
[上記「比較用のコード」のデモページ](https://mousemove.netlify.app/)
|
|
97
|
+
|
|
98
|
+
|
|
96
99
|
「比較用のコード」の「bad」をどう書き換えればevent.clientXとevent.clientYだけでズレずに要素をマウスカーソルに追従させられますか？
|