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

关于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

源自：DOM事件探秘 4-1

关注问题我要回答

636

操作

收起

2 回答

爱梯哒小怪兽提问者
2016-02-24

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

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

收起回答

好学的程序猿
2016-02-20

<!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>