IOS Android Ipad 多点触摸通用js 库

来源：未知责任编辑：责任编辑发表时间:2014-02-02 17:44　点击:次

Iphone Android Windows Phone 其他技术

支持 IOS Android Ipad 等不同操作系统的手持或平板设备 p>

p>代码如下：

p>一、index.html

p><html>

p><title>手指触摸事件</title>

p><head>

p><style type="text/css">

p>#touchable

p>{

p>height: 75px;

p>width: 197px;

p>background-color: #0033CC;

p>color: #FFCC66;

p>text-align: center;

p>}

p>#output

p>{

p>height: 200px;

p>width: 200px;

p>}

p></style>

p></head>

p><script src="javascript/hzTouch.js" type="text/javascript"></script>

p><body>

p><div id='touchable' class="style2">

p><b>

p><br />

p><span class="style1">

p><br />

p>用来判断上下移动</span></b>

p></div>

p><br/>

p><textarea id="output" >

p></textarea>

p><script>

p>//触摸后回调方法

p>//第一触点开始X坐标,第一触点开始Y坐标,第一触点结束X坐标,第一触点结束Y坐标,

p>//第二触点开始X坐标,第二触点开始Y坐标,第二触点结束X坐标,第二触点结束Y坐标,

p>//触摸类型，触摸值(如果是移动就是移动距离，如果是缩放则是缩放比)

p>function myCallBack(FirstStartX, FirstStartY, FirstEndX, FirstEndY,

p>SecondStartX, SecondStartY, SecondEndX, SecondEndY,

p>mTouchType, TouchValue) {

p>var output = document.getElementById("output");

p>output.innerHTML = "第一触点开始：" + FirstStartX + ":" + FirstStartY + "\n";

p>output.innerHTML += "第一触点结束：" + FirstEndY + ":" + FirstEndY + "\n";

p>switch (mTouchType) {

p>case TouchType.Up:

p>output.innerHTML += "向上移动了：" + TouchValue + "\n";

p>break;

p>case TouchType.Down:

p>output.innerHTML += "向下移动了：" + TouchValue + "\n";

p>break;

p>case TouchType.Left:

p>output.innerHTML += "向左移动了：" + TouchValue + "\n";

p>break;

p>case TouchType.Right:

p>output.innerHTML += "向右移动了：" + TouchValue + "\n";

p>break;

p>case TouchType.Zoom:

p>output.innerHTML += "第二触点开始：" + SecondStartX + ":" + SecondStartY + "\n";

p>output.innerHTML += "第二触点结束：" + SecondEndX + ":" + SecondEndY + "\n";

p>output.innerHTML += "缩放比例是：" + TouchValue + "\n";

p>break;

p>default:

p>break;

p>}

p>//创建指定DOM对象的触摸对象

p>var testTouch = new YXMTouch('touchable', 200, "output", false, myCallBack);

p></script>

p></body>

p></html>

p>二、hzTouch.js

p>var meta = document.createElement('meta');

p>meta.setAttribute('name', 'HandheldFriendly');

p>meta.setAttribute('content', 'True');

IOS Android Ipad 多点触摸通用js 库

相关新闻>>

今日头条

推荐热点

您可能感兴趣的文章

快速直达

新闻点评智问网络

新闻关注排行榜

移动开发导航