分享一段代码实例,它利用zepto实现了判断左右滑动的功能。
代码实例如下:
   [ 其他 ] 运行代码    下载代码
<script>
var startPosition, endPosition, deltaX, deltaY, moveLength;
$(".content").bind('touchstart', function(e) {
  var touch = e.touches[0];
  startPosition = {
    x: touch.pageX,
    y: touch.pageY
  }
}).bind('touchmove', function(e) {
  var touch = e.touches[0];
  endPosition = {
    x: touch.pageX,
    y: touch.pageY
  };
  
  deltaX = endPosition.x - startPosition.x;
  deltaY = endPosition.y - startPosition.y;
  moveLength = Math.sqrt(Math.pow(Math.abs(deltaX), 2) + Math.pow(Math.abs(deltaY), 2));
}).bind('touchend', function(e) {
  if (deltaX < 0) { // 向左划动
    console.log("向左划动");
  } else if (deltaX > 0) { // 向右划动
    console.log("向右划动");
  }
});
</script>

代码描述:zepto判断 左右滑动。zepto判断左右滑动



157 209



用户评论
大牛,别默默的看了,快登录帮我点评一下吧!:)      登录 | 注册



×
×
51前端

注册

×
绑定手机

请绑定手机号,在继续操作

×
单次下载支付

应付金额:279

支付完成后,回到下载页面,在进行下载

官方QQ群
意见反馈
qq群

扫描上面二维码加微信群

官方QQ群

jQuery/js讨论群
群号:642649996
Css3+Html5讨论群
群号:322131262

加群请备注:从官网了解到