关于clientY

源自：4-1 [DOM事件] QQ面板拖拽效果（上）

关于clientY

list.onmousedown=function(event){

touchstartX=event.clientX;

touchstartY=event.clientY;

console.log("开始"+touchstartY);

}

list.onmousemove=function(event){

touchendX=event.clientX;

touchendY=event.clientY;

console.log("移动"+touchendY);

}

list.onmouseup=function(event){

console.log("结束"+event.clientY);

}

这么写为什么只显示开始的 clientY 。onmousemove onmouseup 都不起作用

提问者：爱梯哒小怪兽 2016-02-19 16:36

个回答

爱梯哒小怪兽

2016-02-24 18:25:48

<div id="div1"></div> 换成图片还是不行哎为什么啊？

0
好学的程序猿

2016-02-20 16:14:27

<!doctype html>
<html>
<head>
    <meta charset="UTF-8">
   <title>Document</title>
   <style>
   #div1{
       background-color:#ccc;
       height:400px;
       width:300px;
       }
   </style>
   <script>
       window.onload=function(){
           var list = document.getElementById('div1');
           var flag = 0;
       list.onmousedown=function(event){
           touchstartX=event.clientX;
       touchstartY=event.clientY;
               console.log("开始"+touchstartY);
               flag=1;
            }
           list.onmousemove=function(event){
               touchendX=event.clientX;
            touchendY=event.clientY;
            if(flag==1){
                console.log("移动"+touchendY);
                }
            }
           list.onmouseup=function(event){
               console.log("结束"+event.clientY);
               flag=0;
            }
        }
   </script>
</head>
<body>
   <div id="div1"></div>
</body>
</html>

0