JS drag and drop hakkında
Merhaba,
Tarayıcının ortasında bir kutu düşünün, bu kutunun tarayıcı içerisinde sağ sola veya herhangi bir noktaya bırakıldığında clientX ve clientY değeri oluşmakta. Benim istediğim ise bu kutuyu tutup, bıraktığım yerin koordinatlarını almak.
// Kutu
<div id="dragWindow">
<div class="box" draggable="true" ></div>
</div>
// kod parçacığı
document.getElementById("dragWindow").addEventListener("mousedown", e => {
console.log(e);
})
// Sonuç
// Basıldığı zaman bulunduğu clientX, clientY değerlerini alamaktadır.
Desteğiniz için teşekkürler.
<div id="log"></div>
<script>
$(document).bind('mousemove',function(e){
$("#log").text("e.pageX: " + e.pageX + ", e.pageY: " + e.pageY);
});
jQuery(function($) {
var currentMousePos = { x: -1, y: -1 };
$(document).mousemove(function(event) {
currentMousePos.x = event.pageX;
currentMousePos.y = event.pageY;
});
});
</script>
fikrimce böyle bişey istiyosundur