hammer.js (demo)

<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1, maximum-scale=1">
<script src="./hammer.js"></script>
<style>
  .hitarea{width:300px;height:300px;background-color:red;}
</style>
</head>
<body>
<div  id="hitarea" class="hitarea"></div>
<script>     
   var container= document.getElementById("hitarea");
    
    hammertime = Hammer(container, {
          preventDefault: true,
          gesture: true
      })
    hammertime.on("swipeleft", function(){
        alert("swipeleft");
      });
     hammertime.on("swiperight", function(){
        alert("swiperight");
      });
      
      /*
        touch
        release
        gesture
        hold
        tap
        doubletap
        dragstart
        drag
        dragend
        dragleft
        dragright
        dragup
        dragdown
        swipe
        swipeleft
        swiperight
        swipeup
        swipedown
        transformstart
        transform
        transformend
        rotate
        pinch
        pinchin
        pinchout  
      */
</script>
</body>
</html>

hammer.js点击这里下载

  

 

 

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。