ドラッグ可能な要素を作成しようとしましたが、失敗しました... jquery を使用したくありません。
次のhtmlコードを取得しました:
<div id='area'>
<div id='drag'></div>
</div>
id='area' 内に id='drag' をドラッグし、そこから出ないようにしたい。
私の悪い英語と初心者の質問で申し訳ありません。
編集:
Area.addEventListener("mousemove", function (e) {
var X, Y;
X = e.offsetX;
Y = e.offsetY;
Information.innerHTML = 'X:' + X + ' - ' + 'Y:' + Y;
});
img.addEventListener("mouseover", function () {
this.style.cursor = 'move';
this.addEventListener("mousemove", function (e) {
var X, Y;
X = e.offsetX;
Y = e.offsetY;
Information2.innerHTML = 'X:' + X + ' - ' + 'Y:' + Y;
});
});
idk エリアの X と Y を取得して img に追加する方法