问题描述:
设置一个盒子在盒子顶部设置标题部分和返回按钮,当鼠标按在标题部分时,整个盒子会随着鼠标在页面可视区域内移动,当按返回按钮时,让盒子沿着鼠标移动的路线返回
主要知识点:
offsetWidth和offsetHeight:盒子的当前位置相对于其所在父对象的宽度和高度,本案例中盒子的父对象时整个页面
offsetX和offsetY:鼠标当前位置相对于其所在对象的边的距离(相对坐标值)
pageX和pageY:鼠标当前位置到页面边的距离(绝对坐标值)
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
#box{
position: absolute;
width: 420px;
height: 400px;
border:2px solid;
}
#tit {
position: absolute;
width: 400px;
he