这个月主要学习了移动设备上javascript处理触屏事件机理以及做一些练习。主要是为了做一个触屏特效插件。

移动设备上关于触屏知识比较少，网上百度了一番，其实也不难。核心是如下几个事件：
touchstart - 触摸开始
touchend - 触摸结束
touchmove - 触摸移动
想了解更详尽信息可以自行百度一下“javascript 触屏事件”

具体一个例子：

//添加“触摸开始”事件监听
document.getElementById("obj").addEventListener("touchstart", function (e) {
	var point = e.touches[0]; //e：事件对象，e.touches[0]获取一个手指对象
	startX =  point.pageX; // 手指具有pageX、pageY属性，相当于手指在页面中的x、y坐标
	startY =  point.pageY;
	alert("手指触碰坐标为x轴："+startX+"| y轴："+startY);
},false);

然后练习一下：页面上有一个红色的圆点，手指在屏幕移动，红点会跟随手指移动。 demo地址（请用移动设备访问）

对代码有兴趣的可以右键查看源文件^_^