精通JavaScript--10移动设备JavaScript开发

 1     //在页面上创建一个<p>元素，用以显示当前屏幕上的接触总数量
 2             var touchCountElem = document.createElement("p");
 3 
 4             //定义一个事件处理函数。当一个与接触相关的事件发生时，执行此函数
 5             function handleTouchEvent(event) {
 6 
 7                 //获得当前屏幕上所有接触的数组
 8                 var allTouches = event.touches,
 9                     allTouchesLength = allTouches.length;
10 
11                 //当用户把手指接触或按在屏幕上时，阻止浏览器的默认动作发生
12                 if(event.type === "touchstart") {
13                     event.preventDefault();
14                 }
15 
16                 //在页面中显示当前接触的总数量
17                 touchCountElem.innerHTML = "There are currently" + allTouchesLength + "touches on the screen."
18             }
19 
20             //把<p>元素添加入当前页面
21             document.body.appendChild(touchCountElem);
22 
23             //当一只手指与屏幕发生接触动作（touchstart）或离开动作（touchend）时,
24             //指派相应的事件处理函数来进行处理
25             window.addEventListener("touchstart", handleTouchEvent, false);
26             window.addEventListener("touchend", handleTouchEvent, false);