js实现限定区域范围拖拉拽效果

本文实例为大家分享了js实现限定区域范围拖拉拽的具体代码，供大家参考，具体内容如下

需要在范围内拖拉拽，之前看来许多资料觉得都不是特别满足要求，今天自己写了一个，通过监听鼠标按下、鼠标抬起、鼠标移动事件来控制

代码如下

 
  
  
  
  

   #drag {

    background: aqua;
    width: 200px;
    height: 200px;
    position: absolute;
    -moz-user-select: none;
    -khtml-user-select: none;
    user-select: none;

   }

   #parent {
    position: relative;
    background: #cde4dc;
    height: 80vh;
    overflow: hidden;

   }

  
 


  

   这是一个测试
  
  
 

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持考高分网。