我试图在桌面上使用Hammer.js和Chrome中的触摸模拟器来检测捏事件。可以检测平底锅并点按没有问题,但掐不似乎是响应。修改了codepen上的示例代码: http://codepen.io/anon/pen/NqWymK与Hammer.js和触摸模拟器捏事件
如果您不熟悉触摸模拟器,应通过按住shift键并单击并拖动鼠标来模拟捏合事件。
(HTML)
<script src="http://cdn.rawgit.com/hammerjs/touchemulator/master/touch-emulator.js"></script>
<script>
TouchEmulator();
</script>
<script src="https://hammerjs.github.io/dist/hammer.js"></script>
<div id="myElement"></div>
(CSS)
#myElement {
background: silver;
height: 300px;
text-align: center;
font: 30px/300px Helvetica, Arial, sans-serif;
}
(JS)
var myElement = document.getElementById('myElement');
// create a simple instance
// by default, it only adds horizontal recognizers
var mc = new Hammer(myElement);
// listen to events...
mc.on("pinch pan tap", function(ev) {
myElement.textContent = ev.type +" gesture detected.";
});
任何想法?
谢谢