博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
元素拖放
阅读量:7080 次
发布时间:2019-06-28

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

1             // 获取节点 2             var block = document.getElementById("right"); 3             var oW, oH; 4             // 绑定touchstart事件 5             block.addEventListener("touchstart", function (e) { 6                 var touches = e.touches[0]; 7                 oW = touches.clientX - block.offsetLeft; 8                 oH = touches.clientY - block.offsetTop; 9                 //阻止页面的滑动默认事件10                 document.addEventListener("touchmove", defaultEvent(event), false);11             }, false);12             block.addEventListener("touchmove", function (e) {13                 var touches = e.touches[0];14                 var oLeft = touches.clientX - oW;15                 var oTop = touches.clientY - oH;16                 if (oLeft < 0) {17                     oLeft = 0;18                 } else if (oLeft > document.documentElement.clientWidth - block.offsetWidth) {19                     oLeft = (document.documentElement.clientWidth - block.offsetWidth);20                 }21                 block.style.left = oLeft + "px";22                 block.style.top = oTop + "px";23             }, false);24             block.addEventListener("touchend", function () {25                 document.removeEventListener("touchmove", defaultEvent(event), false);26             }, false);27             function defaultEvent(event) {28                 event.preventDefault();29             };

 

转载于:https://www.cnblogs.com/NB-JDzhou/p/8664105.html

你可能感兴趣的文章
Kafka三款监控工具比较(转载)
查看>>
SQL Server中sp_spaceused统计数据使用的空间总量不正确的原因
查看>>
不一样的Java Enum
查看>>
Visual Studio 2015 和 Apache Cordova 跨平台开发入门
查看>>
Java Web之Cookie和Session的理解
查看>>
C#使用Xamarin开发可移植移动应用(4.进阶篇MVVM双向绑定和命令绑定)附源码
查看>>
spark 统计每天新增用户数
查看>>
使用.NET Core搭建分布式音频效果处理服务(二)创建基于FFMpeg的Web程序
查看>>
Python 面向对象程序设计
查看>>
LOWER
查看>>
Rust 全新官网已上线测试,这样的风格你喜欢吗?
查看>>
Git 使用总结
查看>>
OSS 监控
查看>>
Python爬虫之小猪短租房
查看>>
时隔 3 年,音频播放器 DeaDBeeF 发布 1.8.0 版本
查看>>
阿里云服务器架设javaweb网站全攻略
查看>>
py django web quickstart
查看>>
CCleaner v5.55.7108 发布,新增软件升级功能
查看>>
简书文章被锁定
查看>>
产品经理第三章:为什么我们的产品总是失败
查看>>