2301_79279444的博客

原创 鼠标拖拽元素，元素随鼠标移动

鼠标移动事件：给document添加mousemove事件监听器，检查变量状态是否为true如果是根据鼠标调整元素位置，通过top与left来跟踪鼠标位置。在鼠标移动过程中，盒子随鼠标移动，所以可以定义一个公共变量来接收他的状态，初始化为false。鼠标按下事件：给元素添加mousedown事件监听器，把内容状态设为true，表示开始拖拽。如图所示，我们要把元素通过鼠标在页面移动 我们可以把他分成点击，移动，离开三个事件来使用。