• 几家性价比超高的烤肉店 赶紧去试试 2019-09-20
  • 支付宝微信等即使收归央行也难管无限复制派生还派生多个马云腾 2019-09-20
  • 回复@老老保老张工:麻烦去问一下度娘再来瞎扯…… 2019-09-10
  • 中国的长处是集中力量办大事 就是攻坚 但会顾此失彼 2019-09-04
  • 安徽省高校公共体艺教育推行俱乐部制 2019-09-04
  • 巢湖市第三届少儿器乐比赛圆满落幕 2019-09-01
  • В Пекине закрылась первая сессия ВСНП 13-го созыва 2019-09-01
  • [微笑]那就是管理问题了,跟免不免费本身不相干! 2019-08-24
  • [微笑]因为人的基本需求是存在边际的,不会出现你所谓的无限制消费!比如坐公交,你会因为不要钱就一天到晚呆在公汽上么? 2019-08-19
  • 监督效率高了 办案成本低了 2019-08-19
  • “见新见绿”模型初现 悠然阳城未来可期 2019-07-28
  • 贵州1121名党员领导干部因管党治党不力被问责  2019-07-12
  • 小黄车霸王条款藏这儿:扫到故障车照收费 法院管不了 2019-06-22
  • 恒大集团有限公司获第十二届人民企业社会责任奖年度扶贫奖 2019-06-22
  • 海印公园北片物业及配套停车场出租项目 2019-06-20
  • 厦门兴锐达自动化设备有限公司陈敏

    厦门兴厦控:厦门兴锐达自动化设备有限公司陈敏

    最新动态新闻

    让你轻松掌握天铭网络的第一手信息

    烟台网络公司技术问答之手机端html5触屏事件

    手机端html5触屏事件touchstart:触摸开始的时候触发touchmove:手指在屏幕上滑动的时候触发touchend:触摸结束的时候触发而每个触摸事件都包括了三个触摸列表,每个列表里包含了对应的一系列触摸点(用来实现多点触控):touches:当前位于屏幕上的所有手指的列表。targetTouches:位于当前DOM元素上手指的列表。

    2017/03/04

    touchstart:触摸开始的时候触发

    touchmove:手指在屏幕上滑动的时候触发

    touchend:触摸结束的时候触发

    而每个触摸事件都包括了三个触摸列表,每个列表里包含了对应的一系列触摸点(用来实现多点触控):

    touches:当前位于屏幕上的所有手指的列表。

    targetTouches:位于当前DOM元素上手指的列表。

    changedTouches:涉及当前事件手指的列表。

    每个触摸点由包含了如下触摸信息(常用):

    identifier:一个数值,唯一标识触摸会话(touch?session)中的当前手指。一般为从0开始的流水号(android4.1,uc)

    target:DOM元素,是动作所针对的目标。

    pageX/pageX/clientX/clientY/screenX/screenY:一个数值,动作在屏幕上发生的位置(page包含滚动距离,client不包含滚动距离,screen则以屏幕为基准)?!?/span>

    radiusX/radiusY/rotationAngle:画出大约相当于手指形状的椭圆形,分别为椭圆形的两个半径和旋转角度。初步测试浏览器不支持,好在功能不常用,欢迎大家反馈。


    var?obj?=?document.getElementByIdx_x('id');

    obj.addEventListener('touchmove',?function(event)?{

    ?????//?如果这个元素的位置内只有一个手指的话

    ????if?(event.targetTouches.length?==?1)?{

        ?event.preventDefault();//?阻止浏览器默认事件,重要?

    ????????var?touch?=?event.targetTouches[0];

    ????????//?把元素放在手指所在的位置

    ????????obj.style.left?=?touch.pageX-50? ?'px';

    ????????obj.style.top?=?touch.pageY-50? ?'px';

    ????????}

    },?false);


    JQuery?获取touchstart,touchmove,touchend 坐标

    JQuery写法:

    ?

    $('#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;
    }


    0
    分享到:
  • 几家性价比超高的烤肉店 赶紧去试试 2019-09-20
  • 支付宝微信等即使收归央行也难管无限复制派生还派生多个马云腾 2019-09-20
  • 回复@老老保老张工:麻烦去问一下度娘再来瞎扯…… 2019-09-10
  • 中国的长处是集中力量办大事 就是攻坚 但会顾此失彼 2019-09-04
  • 安徽省高校公共体艺教育推行俱乐部制 2019-09-04
  • 巢湖市第三届少儿器乐比赛圆满落幕 2019-09-01
  • В Пекине закрылась первая сессия ВСНП 13-го созыва 2019-09-01
  • [微笑]那就是管理问题了,跟免不免费本身不相干! 2019-08-24
  • [微笑]因为人的基本需求是存在边际的,不会出现你所谓的无限制消费!比如坐公交,你会因为不要钱就一天到晚呆在公汽上么? 2019-08-19
  • 监督效率高了 办案成本低了 2019-08-19
  • “见新见绿”模型初现 悠然阳城未来可期 2019-07-28
  • 贵州1121名党员领导干部因管党治党不力被问责  2019-07-12
  • 小黄车霸王条款藏这儿:扫到故障车照收费 法院管不了 2019-06-22
  • 恒大集团有限公司获第十二届人民企业社会责任奖年度扶贫奖 2019-06-22
  • 海印公园北片物业及配套停车场出租项目 2019-06-20
  • 三肖六码3肖6码网站 分析彩票的软件 快3骰子彩票 捕鱼赢现金10元提现 重庆彩开奖号码官方 麻将娱乐平台 不限ip注册优惠体验金 博澳国际娱乐能提现吗 法罗群岛 火龙果分分彩计划软件app 百人牛牛押注技巧 神圣计划软件免费手机版下载 捕鱼赚钱一天5000 云博彩票app 一木棋牌下载 欧博在线假网