<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>gesture</title>
<meta name="viewport" content="width=device-width,user-scalable=no" />
</head>
<body>
<p id="output"></p>
<script>
var output = document.getElementById('output');
document.addEventListener('gesturestart', function (event) {
output.innerHTML = 'Gesture started (rotation=' + event.rotation + ',scale='+event.scale + ')';
},false);
document.addEventListener('gestureend', function () {
output.innerHTML = 'Gesture ended (rotation=' + event.rotation + ',scale='+event.scale + ')';
},false);
document.addEventListener('gesturechange', function (event) {
output.innerHTML = 'Gesture changed (rotation=' + event.rotation + ',scale='+event.scale + ')';
},false);
</script>
</body>
</html>
为什么我的代码一点效果都没有呢?
到底是哪里错了???
更新:2015年2月3日09:23:21
只有 IOS 2.0以上支持手势。
安卓的暂时没有支持。
iScroll 的 zoom.js 实现了手势放大的功能。