                        课程
                    
                        /前端开发
                        
                            /JavaScript
                        
                        /DOM事件探秘

为什么我的onmouseup不起作用的？

<script type="text/javascript">

window.onload=Drag;

function Drag(){

var oDrag=document.getElementById('one'),

w=document.getElementById('w');

document.onmousedown=fnDown;

}

function fnDown(event){

var oDrag=document.getElementById('one'),

disX=event.clientX-oDrag.offsetLeft,

disY=event.clientY-oDrag.offsetTop;

document.onmousemove=function(event){

event=event||window.event;

fnMove(event,disX,disY);

}

document.onmouseup=function(){

document.onmousedown=null;

document.onmouseup=null;

}

}

function fnMove(event,disX,disY){

var oDrag=document.getElementById('one'),

l=event.clientX-disX,

t=event.clientY-disY;

oDrag.style.left=l+'px';

oDrag.style.top=t+'px';

}

</script>

GacentJohn

2015-07-18

源自：DOM事件探秘 4-2

关注问题我要回答

4738

操作

收起

6 回答

秃头waanjia
2022-11-30

         // 鼠标弹起时不再移动
        document.onmouseup = function () {
          document.onmousemove = null;
          return false
        };

        // 解决有些时候,在鼠标松开的时候,元素仍然可以拖动;
        document.ondragstart = function (ev) {
          ev.preventDefault();
          console.log(1212)
        };
        document.ondragend = function (ev) {
          ev.preventDefault();
        };

0 回复有任何疑惑可以回复我~

慕九州0167811
2022-09-09

这个应该怎么做啊？求代码

0 回复有任何疑惑可以回复我~

22不小了
2015-10-13

楼上的一样，事件设置为null了

0 回复有任何疑惑可以回复我~

悟道参禅
2015-09-08

document.onmouseup=function(){
    document.onmousemove=null;
    document.onmouseup=null;
}

0 回复有任何疑惑可以回复我~

举报

0/150

提交

取消

DOM事件探秘

参与学习 99547 人
解答问题 1197 个

DOM事件？本课程会通过实例来给小伙伴们讲解如何使用这些事件

本课相似问答

1 回答onmouseup事件的问题

3 回答removeEventListner()起到什么作用？

2 回答为什么我添加了一个onfocus函数，起不了作用,求解

2 回答stopPropagation不起作用

3 回答老师讲的例子不起作用

搜索更多本课相关问答

为什么我的onmouseup不起作用的？

我要回答关注问题

意见反馈帮助中心 APP下载