鼠标拖动生成画框

需求:鼠标按下拖动生成一个画框

注意点:

  1. div 的left和top:如果鼠标当前位置>鼠标起始位置,则为鼠标起始位置(鼠标往右拉);如果鼠标当前位置<鼠标起始位置,则为鼠标当前位置(鼠标往左拉);
  2. 通过当前坐标x/y-鼠标起始坐标x/y得到要生成的div的宽度 ,如果往左拉,鼠标当前坐标-起始坐标可能为负数,所以,需要使用绝对值函数Math.abs();
  3. 鼠标按下移动时动态获取鼠标位置;



    
    
    
    Document
    




鼠标拖动生成画框_第1张图片

你可能感兴趣的:(前端,JS高级案例,JS高级,鼠标事件)