为什么我的onmouseup不起作用的？-慕课网

首页课程实战体系课手记专栏慕课教程

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

来源：4-2 [DOM事件] QQ面板拖拽效果（下）

GacentJohn

2015-07-18 17:49

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>

写回答关注

3回答

秃头waanjia: 2022-11-30 16:07:46

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

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

0 0

22不小了

2015-10-13 22:39:43

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

0 0

悟道参禅: 2015-09-08 17:16:15

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

0 0

DOM事件探秘

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

99544 学习 · 1197 问题

查看课程

相似问题

onmouseup事件的问题

回答 1

removeEventListner()起到什么作用？

回答 3

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

回答 2

stopPropagation不起作用

回答 2

老师讲的例子不起作用

回答 3

打开慕课网App查看更多内容