touch.js-rotate

来源：互联网发布：linux tail grep 结合编辑：程序博客网时间：2024/04/29 18:10

<!DOCTYPE html>

<html>

<head>

<metacharset="UTF-8">

<metaname="viewport" content="width=device-width, initial-scale=1.0,

maximum-scale=1.0, user-scalable=0">

</head>

<body>

<imgsrc="img/cloud.png" id="target" />

<scriptsrc="js/touch.js" type="text/javascript" charset="utf-8"></script>

<scripttype="text/javascript">

// touch.js旋转事件

// touch.js 是百度开发的触摸事件库

// touch.on 绑定事件 touch.off 解除事件

// touch.on 的参数

// 参数1：绑定事件的标签元素 / 选择器

// 参数2：响应的事件类型(可以使用空格分割添加多个事件)

// 参数3：function事件响应后触发的方法

varangle = 0;

touch.on('#target','touchstart', function(ev) {

ev.startRotate();

ev.preventDefault();

});

touch.on('#target','rotate', function(ev) {

vartotalAngle = angle + ev.rotation;

if(ev.fingerStatus=== 'end') {

angle= angle + ev.rotation;

}

this.style.webkitTransform= 'rotate(' + totalAngle + 'deg)';

});

</script>

</body>

</html>

0 0