Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了hammer.js中的rotate旋转事件为啥没有效果相关的知识，希望对你有一定的参考价值。
<body>
<div id="test" class="test">事件区域</div>
<div id="result" class="result">事件结果：旋转触发<br /></div>
<script type="text/javascript">
var hammertime = new Hammer(document.getElementById("test"));
hammertime.add(new Hammer.Rotate());
hammertime.on("rotate", function (e)
document.getElementById("result").innerhtml += "X偏移量：【" + e.deltaX + "】，Y偏移量：【" + e.deltaY + "】<br />";
console.log(e);
);
</script>
</body>
问题已解决，改插件的旋转和我想要的效果不一样，自己理解错了，谢谢各位
默认不开启旋转、缩放、垂直移动
开启旋转：
hammertime .get("rotate").set( enable: true );demo：https://github.com/fei1314/HammerJs/tree/master
知识点：
hammer——手势识别：点击、长按、滑动、拖动、旋转、缩放
方法：
tap 快速的(250ms)按下、抬起 点击(start+end)
press 按住(没抬起)超出251ms 按住(start=>超过250ms)
swipe 快速滑动
pan 按住拖动
pinch、rotate
用法：
let hammer=new Hammer(oDiv);
hammer.on(‘tap‘, ev=>{
});
更多用法见官网：http://hammerjs.github.io/getting-started/
以上是关于hammer.js中的rotate旋转事件为啥没有效果的主要内容，如果未能解决你的问题，请参考以下文章