事件原理

最新推荐文章于 2023-06-05 11:50:32 发布

lunwenjun13269950823

最新推荐文章于 2023-06-05 11:50:32 发布

阅读量369

点赞数 1

本文链接：https://blog.csdn.net/lunwenjun13269950823/article/details/51296137

版权

   <body>
       <input type="text" id="y1" value=""/><br/><br/>
       <input type="button" id="b1"value=""/><br/><br/>
       <div id="l1" style="width:300px;position: absolute; left: 20px;top: 100px; height:500px;background:green;overflow: hidden;"></div>
   </body>
   <script type="text/javascript">
       var a = document.getElementById("y1");
        var b = document.getElementById("b1");
        var c = document.getElementById("l1");

        var sum = "";
        b.οnclick=function(){
           sum = sum + a.value;
           document.getElementById("l1").innerHTML= sum;
           document.getElementById("y1").value="";
        }


        c.οnmοusedοwn=function(e){

           document.onmousemove = function (e){

               c.style.top = e.clientY+5+"px";
               c.style.left = e.clientX+"px";
            }

        }

        c.οnmοuseup=function(e){
           document.onmousemove = null;

        }




   </script>

</body>