首页 > 代码库 > hammer.js (demo)

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点击这里下载

  

 

 

hammer.js (demo)