博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
适配 移动 pc 拖拽效果
阅读量:6863 次
发布时间:2019-06-26

本文共 1501 字,大约阅读时间需要 5 分钟。

var flag = false;    var cur = {        x:0,        y:0    }    var nx,ny,dx,dy,x,y ;    function down(){        flag = true;        var touch ;        if(event.touches){            touch = event.touches[0];        }else {            touch = event;        }        cur.x = touch.clientX;        cur.y = touch.clientY;        dx = div2.offsetLeft;        dy = div2.offsetTop;    }    function move(){        if(flag){            var touch ;            if(event.touches){                touch = event.touches[0];            }else {                touch = event;            }            nx = touch.clientX - cur.x;            ny = touch.clientY - cur.y;            x = dx+nx;            y = dy+ny;            div2.style.left = x+"px";            div2.style.top = y +"px";            //阻止页面的滑动默认事件            document.addEventListener("touchmove",function(){                event.preventDefault();            },false);        }    }    var div2 = document.getElementById("div2");    div2.addEventListener("mousedown",function(){        down();    },false);    div2.addEventListener("touchstart",function(){        down();    },false)    div2.addEventListener("mousemove",function(){        move();    },false);    div2.addEventListener("touchmove",function(){        move();    },false)    document.body.addEventListener("mouseup",function(){        flag = false;    },false);    div2.addEventListener("touchend",function(){        flag = false;    },false)

 

转载于:https://www.cnblogs.com/vali/p/8056104.html

你可能感兴趣的文章
IE8兼容问题
查看>>
决策树与随机森林
查看>>
Unity 透明窗体的创建
查看>>
UserLock实现金融服务业访问控制
查看>>
easyui-datagrid 编辑模式详解
查看>>
C#截取字符串按字节截取SubString
查看>>
MAVLink v1.0详解——结构
查看>>
Office 365离线安装
查看>>
服务器负载暴涨以后...
查看>>
【物联网智能网关-15】WAV播放器(WinForm+WavPlay库实例)
查看>>
实战:将静态路由发布到动态路由
查看>>
linux下redmine3.3迁移、升级、插件备忘录
查看>>
Hadoop原理及部署初探
查看>>
Oracle 11g R2 常见问题处理
查看>>
windows下expdp自动备份脚本
查看>>
WPF-009:WPF窗体的拖动
查看>>
MDT2012部署系列之10 Win7镜像捕获与系统安装
查看>>
Windows 2003 AD升级至Windows 2012 AD之DHCP服务器迁移
查看>>
简单入门循环神经网络RNN:时间序列数据的首选神经网络
查看>>
SpockFS —— 基于 HTTP 的文件系统
查看>>