码迷,mamicode.com
首页 > 其他好文 > 详细

touch事件总结

时间:2017-11-10 18:29:14      阅读:171      评论:0      收藏:0      [点我收藏+]

标签:change   start   style   top   blog   col   function   page   rtx   

$("body").on("touchstart", function(e) {

    e.preventDefault();

    startX = e.originalEvent.changedTouches[0].pageX,

    startY = e.originalEvent.changedTouches[0].pageY;

});

$("body").on("touchmove", function(e) {

    e.preventDefault();

    moveEndX = e.originalEvent.changedTouches[0].pageX,

    moveEndY = e.originalEvent.changedTouches[0].pageY,

    X = moveEndX - startX,

    Y = moveEndY - startY;

 

    if
( X > 0 ) {

        alert("left 2 right");

    }

    else
if  ( X < 0 ) {

        alert("right 2 left");

    }

    else
if  ( Y > 0) {

        alert("top 2 bottom");

    }

    else
if  ( Y < 0 ) {

        alert("bottom 2 top");

    }

    else{

        alert("just touch");

    }

});

 

touch事件总结

标签:change   start   style   top   blog   col   function   page   rtx   

原文地址:http://www.cnblogs.com/var-foo-bar/p/7815383.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!