为什么不能点击
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"
/>
<style>
.icon_fushare_old {
position: fixed;
z-index: 999999999999999;
top: 15rem;
right: -1.48rem;
width: 2.88rem;
height: 6.36rem;
background: #0099fa;
box-shadow: 0px 0.28rem 0.28rem 0px rgba(40, 100, 175, 0.4);
border-radius: 1.44rem;
transition: transform 0.3s ease;
}
</style>
</head>
<body>
<div class="icon_fushare_old" id="icon_fushare_old"></div>
<script>
const icon_fushare_old = document.getElementById("icon_fushare_old");
let isDragging = false;
let isMenuOpen = false;
let startX, startY, offsetX, offsetY;
let inactivityTimer;
// 边缘吸附逻辑
function snapToEdge() {
const rect = icon_fushare_old.getBoundingClientRect();
const windowWidth = window.innerWidth;
const windowHeight = window.innerHeight;
const distances = {
right: windowWidth - rect.right,
};
const minEdge = Object.keys(distances).reduce((a, b) =>
distances[a] < distances[b] ? a : b
);
icon_fushare_old.style.transition = "all 0.3s ease";
switch (minEdge) {
case "right":
icon_fushare_old.style.right = "0.48rem";
icon_fushare_old.style.left = "";
icon_fushare_old.style.transform = "translateX(80%)";
break;
}
setTimeout(() => {
icon_fushare_old.style.transition = "var(--transition)";
}, 500);
}
function resetInactivityTimer() {
clearTimeout(inactivityTimer);
inactivityTimer = setTimeout(() => {
if (!isMenuOpen && !isDragging) snapToEdge();
}, 3000);
}
icon_fushare_old.addEventListener("mousedown", startDrag);
icon_fushare_old.addEventListener("touchstart", startDrag);
icon_fushare_old.addEventListener("mouseup", endDrag);
icon_fushare_old.addEventListener("touchend", endDrag);
function startDrag(e) {
isDragging = true;
icon_fushare_old.style.cursor = "grabbing";
const rect = icon_fushare_old.getBoundingClientRect();
offsetX = (e.clientX || e.touches[0].clientX) - rect.left;
offsetY = (e.clientY || e.touches[0].clientY) - rect.top;
icon_fushare_old.style.transform = "none";
e.preventDefault();
}
function endDrag() {
isDragging = false;
icon_fushare_old.style.cursor = "grab";
resetInactivityTimer(); // 重置3秒计时
}
resetInactivityTimer();
</script>
</body>
</html>
