zoukankan      html  css  js  c++  java
  • 自作拖拽事件

    varbox=document.getElementById("box");
        box.style.position="absolute";
        box.style.width="160px";
        box.style.height="120px";
        box.style.background="red";
        box.style.left="0px";
        box.style.top="0px";
        //标准化事件
        var mx,my,ox,oy,o;
        function e(event){
                if(!event){
                         event=window.event;
                         event.target=event.srcElement;
                         event.layerX=event.offsetX;
                         event.layerY=event.offsetY;
                }
                event.mx=event.pageX||event.clientX+document.body.scrollLeft;
                event.my=event.pageY||event.clientY+document.body.scrollTop;
                return event;
        }
        document.onmousedown=function(event){
                event=e(event);
                o=event.target;
                ox=parseInt(o.offsetLeft);
                oy=parseInt(o.offsetTop);
                mx=event.mx;
                my=event.my;
                document.onmousemove=move;
                document.onmouseup=stop;
     
        }
        function move(event){
                event=e(event);
                o.style.left=ox+event.mx-mx+"px";
                o.style.top=oy+event.my-my+"px";
        }
        function stop(event){
                event=e(event);
                ox=parseInt(o.offsetLeft);
                oy=parseInt(o.offsetTop);
                mx=event.mx;
                my=event.my;
                o=document.ommousemove=document.onmouseup=null;
        }


  • 相关阅读:
    chapter 12_1 数据文件
    chapter11_3 字符串缓冲
    chapter11_2 Lua链表与队列
    chapter11_1 Lua数组、列表
    chapter9_4 非抢占式的多线程
    Java设计模式
    java内存回收机制
    javaIO流概述
    java集合概述
    java多线程
  • 原文地址:https://www.cnblogs.com/blfshiye/p/5170522.html
Copyright © 2011-2022 走看看