let isDragging = false; // 標記是否正在拖動
let dragTrack = []; // 用于存儲拖動路徑的數(shù)組
document.addEventListener('mousedown', (event) => {
isDragging = true; // 當鼠標按下時钉迷,開始拖動
const timeStamp = Date.now();
dragTrack = [{x: event.clientX, y: event.clientY,time: timeStamp}]; // 初始化軌跡數(shù)組并記錄起始點
console.log('down', {x: event.clientX, y: event.clientY,time: timeStamp})
});
document.addEventListener('mousemove', (event) => {
if (isDragging) {
// 如果正在拖動茉盏,記錄當前鼠標位置
const timeStamp = Date.now();
dragTrack.push({x: event.clientX, y: event.clientY, time: timeStamp});
console.log('move', {x: event.clientX, y: event.clientY,time: timeStamp})
}
});
document.addEventListener('mouseup', (event) => {
if (isDragging) {
isDragging = false; // 停止拖動
const timeStamp = Date.now();
dragTrack.push({x: event.clientX, y: event.clientY, time: timeStamp}); // 記錄最后一個點
console.log('up', {x: event.clientX, y: event.clientY,time: timeStamp})
console.log('拖動軌跡:', dragTrack); // 輸出或處理拖動軌跡
// 在這里可以調(diào)用一個函數(shù)來處理或者展示拖動軌跡,例如繪制軌跡
}
});