
我在这里只是简单的介绍一下用法,感兴趣的同学可以查看演示,然后用手机扫一扫!测试一下!
我们引入如下js
<script src="https://hammerjs.github.io/dist/hammer.js"></script>定义一个文本可以旋转触发的div
<style> #myElement { background: silver; height: 300px; text-align: center; font: 30px/300px Helvetica, Arial, sans-serif; } </style> <div id="myElement"></div>事件书写如下:
var myElement = document.getElementById('myElement'); var mc = new Hammer.Manager(myElement); // create a pinch and rotate recognizer // these require 2 pointers var pinch = new Hammer.Pinch(); var rotate = new Hammer.Rotate(); // we want to detect both the same time pinch.recognizeWith(rotate); // add to the Manager mc.add([pinch, rotate]); mc.on("pinch rotate", function (ev) { myElement.textContent += ev.type + " "; });
这样,当我们旋转pinch或者rotate的时候,都可以触发文本!
PREVIOUS:
NEXT: