JS中，在可视窗口内拖拽div

JS中，在可视窗口内拖拽div

在这篇文章中，主要写了div盒子在可视窗口范围内拖拽效果。
拖拽div，涉及的步骤有：

• 鼠标按下，选中要拖拽的div
• 鼠标移动，div跟着光标移动
• 鼠标弹起，取消鼠标移动

一、先设div基本样式

html结构：
	<div class="box"></div>
css样式：
	<style>
    	* {
   
      		margin: 0;
      		padding: 0;
   			}
    	.box {
   
      		width: 100px;
      		height: 100px;
      		background-color: red;
      		padding: 10px;
      		margin: 10px;
      		position: absolute;
      		left: 50px;
      		top: 50px;