add : fenetre adhesion sans contenu juste interactivité
This commit is contained in:
@@ -0,0 +1,34 @@
|
||||
export function makeItFloat(target){
|
||||
let startTarget = target.querySelector('.title');
|
||||
|
||||
console.log('selected target :', startTarget);
|
||||
|
||||
let startX, startY;
|
||||
let clicked = false;
|
||||
|
||||
startTarget.addEventListener('mousedown', (event) => {
|
||||
startX = event.pageX;
|
||||
startY = event.pageY;
|
||||
clicked = true;
|
||||
console.log('clicking...')
|
||||
})
|
||||
|
||||
document.addEventListener('mousemove', (event) => {
|
||||
if(clicked){
|
||||
console.log('moving...')
|
||||
let currentX = event.pageX;
|
||||
let currentY = event.pageY;
|
||||
let moveX = target.offsetLeft + currentX - startX;
|
||||
target.style.left = moveX + 'px';
|
||||
let moveY = target.offsetTop + currentY - startY;
|
||||
target.style.top = moveY + 'px';
|
||||
startX = currentX;
|
||||
startY = currentY;
|
||||
}
|
||||
});
|
||||
|
||||
document.addEventListener('mouseup', () => {
|
||||
console.log('STOP !')
|
||||
clicked = false;
|
||||
})
|
||||
}
|
||||
Reference in New Issue
Block a user