标题1.复习鼠标相关的事件类型 onclick : 鼠标单击 (鼠标按下+松开单击一次) ondblclick : 鼠标双击 onmouseover :鼠标移入 onmouseout :鼠标移出 onmousemove : 鼠标移动 onmousedown : 鼠标按下 onmouseup : 鼠标松开 2.拖拽事件 : 三个流程 (1)拖拽开始 : 鼠标按下 事件 * 元素.onmousedown (2)正在拖拽 : 鼠标移动 事件 * window.onmousemove * 注意点 : a. 给window注册 b.需要在按下的事件处理函数中注册 (3)拖拽结束 : 鼠标松开 事件 * 元素.onmouseup * 清除鼠标移动事件 : window.onmousemove = null 标题 3.盒子拖拽思路 //1. 获取元素 var son = document.querySelector('#son');//拖拽子元素 var father = document.querySelector('#father');//移动父元素 //2.注册事件 // son.onclick = function(){ // console.log('鼠标按下+松开,单击一次'); // }; //2.拖拽事件三个流