一个用在手机上的简单js拖拽效果
来源:互联网 发布:网络歌曲男歌手 编辑:程序博客网 时间:2024/06/13 21:10
http://blog.163.com/xiaoyou_000/blog/static/65067392201521664214534/
http://www.17sucai.com/pins/8765.html 手机拖拽效果
<!doctype html>
<html>
<head>
<meta charset='utf-8' />
<meta name="viewport"
content="
width = device-width ,
height = device-height ,
initial-scale = 1,
minimum-scale = 1,
maximum-scale = 1,
user-scalable =no,
"
/>
<title></title>
</head>
<body>
<div id="div" style="width:100px;height:100px;background-color:red;position:absolute;"></div>
<script>
var div = document.getElementById('div');
div.addEventListener('touchmove', function(event) {
event.preventDefault();//阻止其他事件
// 如果这个元素的位置内只有一个手指的话
if (event.targetTouches.length == 1) {
var touch = event.targetTouches[0]; // 把元素放在手指所在的位置
div.style.left = touch.pageX + 'px';
div.style.top = touch.pageY + 'px';
div.style.background = "green";
}
}, false);
</script>
</body>
</html>
2.http://blog.csdn.net/pvfhv/article/details/6174337
- 一个用在手机上的简单js拖拽效果
- 手机端简单js拖拽效果
- 实现一个简单的手机拍照效果
- 用js做一个简单的电商放大镜效果
- JS 简单的拖拽移动效果
- 在Android手机上实现阅读器的翻页效果
- 在Android手机上实现阅读器的翻页效果
- 在Android手机上实现阅读器的翻页效果
- 在Android手机上实现阅读器的翻页效果
- 在Android手机上实现阅读器的翻页效果
- 在Android手机上实现阅读器的翻页效果
- 在Android手机上实现阅读器的翻页效果
- onItemSelected在纯触摸屏的手机上是没有效果
- 如何在Predix上建立一个简单的Node.js 程序
- 简单的在图片上加上文字的效果
- 一个简单的JS菜单,带效果截图
- 一个简单又漂亮的JS弹出窗体效果
- 一个js实现简单的字幕滚动效果
- Ubuntu 文件压缩与解压缩
- F - Piggy-Bank——HOJ 一维DP 装载问题
- vc++6.0的scanf问题
- git以及github的使用(1)
- mysql事务隔离性(mysql transaction isolation level)
- 一个用在手机上的简单js拖拽效果
- 机测,新一代的三角
- 多个数组求交集 js
- AndroidStudio导入项目一直Building解决方案
- 基数排序
- ListView的使用技巧
- Understanding C/C++ Strict Aliasing
- play framework 2.5.3 学习和使用过程中的“坑”
- 搜索技巧