为什么我一按，还没拖动，我的整个面板就被拖到页面顶上了，也拖不下来？猎豹浏览器

Question

 这是老师讲课的连接，就是这一节里面的内容   以下是我写的JS代码，我没检查出来，但是结果是我一点击页面想拖动，它就不见了，我用的是猎豹浏览器   //封装通过找到class获取元素    function getByClass(clsName,parent){ var oParent=parent?document.getElementById(parent):document,     eles=[], elements=oParent.getElementsByTagName('*'); for(var i=0,l=elements.length;i<l;i++){ if(elements[i].className==clsName){ eles.push(elements[i]) }} return eles; } // window.onload=drag; //获取class元素进行onmousedown事件，并且再鼠标按下的时候进行fnDown函数 function drag(){ var oTitle=getByClass('login_logo_webqq','loginPanel')[0];     oTitle.onmousedown=fnDown; //关闭 } //获取id元素，利用id元素跟随光标坐标 function fnDown(event){ event= event || window.event; var oDrag=document.getElementById('loginPanel'),     disX=event.clientX-oDrag.offsetLeft, disY=event.clientY-oDrag.offsetTop; oDrag.onmousemove=function(event){ event=event || window.event; fnMove(event,disX,disY); };           } function fnMove(e,posX,posY){ var oDrag=document.getElementById('loginPanel'),     l=e.clientX-posX, t=e.clientY-posY, winW=document.documentElement.clientWidth||document.body.clientWidth, winH=document.documentElement.clientHight||document.body.clientHeight, maxW=winW-oDrag.offsetWidth, maxH=winH-oDrag.offsetHeight; if(l<0){ l=0 }else if(l>maxW){ l=maxW; }; if(t<0){ t=0 }else if(t>maxH){ t=maxH; }; oDrag.style.left=l+'px'; oDrag.style.top=t+'px'; } // JavaScript Document