目前效果

目前元素可以拖动，但是如果鼠标不处于title位置的时候

就会造成如果再把鼠标移到title上时就会出现莫名拖动。

我的思路是给鼠标一个移动范围就是当鼠标点击title的时候那个鼠标就只能在title里面移动。

然后我通过在拖动mousemove的时候进行判断e.offsetY与X

el.onmousemove = function(e){
     if(move){
          if(e.offsetY <= 0){
                    
             // e.offsetY = 0  //直接修改无效

                    //通过defineProperty报错
                    // Object.defineProperty(e,offsetY,{
                    //     set:function(){
                    //         debugger;
                    //         offsetY = 1;
                    //     }
                    // })
                    
                }

                //元素位移
                $(el).parent().css({'left':(elIndex + parseInt(e.pageX - moveIndex)) + 'px','margin-left':'0%','top':(elIndeY + parseInt(e.pageY - moveIndeY)) + 'px','margin-top':'0%'})
            }
        }

结果就是无法直接修改event里面的offsetY 。

请问如何修改event里面的参数？event也是个对象，为何无法使用defineProperty〉？

ITPub博客

请问实现拖动的时候如何让鼠标始终处于拖动元素里面

最新文章