<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1, maximum-scale=1">
<script src="https://files.cnblogs.com/files/yutaoyao/hammer.js"></script>
</head>
<body>
<div id="hitarea" style="width:300px;height:300px;background-color:red;"></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>
