学习记录:touch事件的坐标获取

摘要:
touch事件获取坐标jq:$('#id').on('touchstart',function(e){  var_touch=e.originalEvent.targetTouches[0];  var_x=_touch.pageX;});$('#id').on('touchmove',function(e){  var_touch=e.originalEvent.targetTouches[0]

touch 事件获取坐标

jq:

$('#id').on('touchstart',function(e) {
  var _touch = e.originalEvent.targetTouches[0];
  var _x= _touch.pageX;
});

$('#id').on('touchmove',function(e) {
  var _touch = e.originalEvent.targetTouches[0];
  var _x= _touch.pageX;
});

$('#id').on('touchend',function(e) {
  var _touch = e.originalEvent.changedTouches[0];
  var _x= _touch.pageX;
}

js:

document.getElementById("id").addEventListener("touchstart",function(e){
    var _x=e.touches[0].pageX;
    var _y=e.touches[0].pageY;
    console.log("start",_x);
});
document.getElementById("id").addEventListener("touchmove",function(e){
    var _x=e.touches[0].pageX;
    var _y=e.touches[0].pageY;
    console.log("move",_x);
});
document.getElementById("id").addEventListener("touchend",function(e){
    var _x=e.changedTouches[0].pageX;
    var _y=e.changedTouches[0].pageY;
    console.log("end",_x);
});

相关解释:

targetTouches 表示的是手指列表
changedTouches 表示的是手指事件 ,在 touchend 里就是手指离开

免责声明:文章转载自《学习记录:touch事件的坐标获取》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇mysql中timestamp字段,在更新这个字段其他数据时候,不更新timestamp的时间从C#中传递object到lua的一个问题下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

TWinControl的消息覆盖函数大全(41个WM_函数和31个CM_函数,它的WndProc就处理鼠标(转发)、键盘(取消拖动)、焦点、和WM_NCHITTEST一共4类消息)

注意,这些函数只有Private一种形式(也就是不允许覆盖,但仍在动态表格中): 其中TWinControl对TControl有10个消息进行了覆盖(红色标记),其中有2个是WM_消息,8个是CM_消息。 TWinControl = class(TControl) private //41个windows消息,几乎全部消息都是私有函数(...

IdentitiServser4 + Mysql实现Authorization Server

 Identity Server 4官方文档:https://identityserver4.readthedocs.io/en/latest/ 新建2个asp.net core 项目使用空模板 Auth 身份认证服务 Client客户端 Auth项目打开安装相关依赖  IdentityServer4 和 EF 实体框架 Mysql EF Provid...

解决linux重启后无法开启nginx问题“var/run/nginx/nginx.pid" no such file or directory问题

起因:每次重启虚拟机后,var/run/nginx/目录都会被删除,所以无法在这个目录创建nginx.pid文件,   可以自己创建var/run/nginx/目录,然后可以运行,但治标不治本,下次虚拟机重启目录还会丢失。 解决方法:   打开/usr/local/nginx/conf/nginx.conf 这是我的配置文件,一般在nginx的conf文件...

前端小白之每天学习记录----js简单的组件封装

设计模式:是解决问题的模板 关于设计模式,可以阅读汤姆大叔的博文http://www.cnblogs.com/TomXu/archive/2011/12/15/2288411.html 这里简单介绍两种设计模式: 1.单例模式:单例就是保证一个类只有一个实例       eg:在JavaScript里,实现单例的方式有很多种,其中最简单的一个方式是使用对象...

window.open完美替代window.showModalDialog

var url = "http//:www.baidu.com/" var name = "百度"; var iWidth = 1100;//弹窗宽度 var iHeight = 700; //弹窗高度 var iTop = (window.screen.availHeight - 30 - iHeight)...

EasyUI:datagrid数据汇总

EasyUI:datagrid数据汇总 js代码: var total=0;//全局变量 $(function(){ $('#tablebudgetdata').datagrid({ title:' ', //标题 onLoadSuccess: function (data) {//表单加载完后再加载此方...