$('img').on("touchstart",function(E){
//E.preventDefault();E.stopPropagation();
var el=this;var me=$(this);$("#tip").text("in touchstart");
var t=E.touches[0];
console.log("touchstart!,mx,my=(",t.pageX,",",t.pageY,") ,el.x,y=(",el.offsetLeft,",",el.offsetTop,")" );
me.data("mx",t.pageX);me.data("my",t.pageY);
me.data("ex",el.offsetLeft);me.data("ey",el.offsetTop); })
.on('touchmove',function(E){E.preventDefault();E.stopPropagation();
console.log("touchmove");var el=this;var me=$(this);
var t=E.touches[0];
var mx=parseInt(me.data("mx")),my=parseInt(me.data("my"));
var ex=parseInt(me.data("ex")),ey=parseInt(me.data("ey"));
console.log("or mx,my, new mx,my or ex,ey=",mx,my,t.pageX,t.pageY,ex,ey)
var nx=ex+t.pageX - mx , ny=ey+t.pageY-my
console.log("dest x,y=",nx,",",ny)
$("#tip").text("in touch move : "+"or mx,my, new mx,my or ex,ey="+mx+","+my+","+t.pageX+","+t.pageY+","+ex+","+ey+" dest x,y="+nx+","+ny);
me.css({"left":nx+"px","top":ny+"px"}) ; })
.on('touchend',function(E){
//E.preventDefault();E.stopPropagation();
console.log('touchend');var el=this;var me=$(this);
}); $('img').on('longTap',function(){$.ui.actionsheet(
[{
text: 'back',
cssClasses: 'red',
handler: function () {
alert("Clicked Back")
}
}, {
text: 'Alert Hi',
cssClasses: 'blue',
handler: function () {
alert("Hi");
}
}, {
text: 'Alert Goodbye',
cssClasses: '',
handler: function () {
alert("Goodbye");
}
}]
);
});

最新文章

  1. 短链(ShortURL)的Java实现
  2. 封装用className选元素
  3. Linux 输出重定向>和>>的区别是什么
  4. 『C # 开发』技能 Get√ ——制作CMD界面的简单GIF图片
  5. Win8.1专业版、核心板和企业版有什么区别
  6. Python每日一练(2):找出html中的所有链接(Xpath、正则两个版本)
  7. 辛星PHP教程之yii和ci教程已经写完,望与朋友们交流
  8. Android 学习历程摘要(二)
  9. 在ASP.NET中使用SOAP Extensions捕获WebService异常
  10. HDU2124 Repair the Wall(贪心)
  11. [编织消息框架][设计协议]bit基础
  12. jenkins容器权限被被拒绝
  13. Eslint配置
  14. Hyperledger Fabric 1.0 从零开始(四)——Fabric源码及镜像文件处理
  15. 页面内部DIV让点击外部DIV 事件不发生(阻止冒泡事件)
  16. python进阶(一)
  17. [UE4]Size Box
  18. 01-Angularjs开发环境搭建
  19. List集合的子类ArrayList和LinkedList
  20. FastAdmin 的 captcha 是如何来的?

热门文章

  1. border属性
  2. poj1077(康托展开+bfs+记忆路径)
  3. java中ThreadExecutor使用注意
  4. 页面获取不到spring实例化services解决方法
  5. Gnome3 安装系统监视器
  6. html标签之img
  7. JTree常用方法
  8. linux比较两个文件是否一样(linux命令md5sum使用方法)
  9. Extjs4.2 TreeView TreeStore 移除节点不触发delete(remove node don't trigger delete method)
  10. Extjs4.2 Tree使用技巧小结demo