1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

var div = document.getElementById("div");

//touchstart類似mousedown

div.ontouchstart = function(e){

//事件的touches屬性是一個數組，其中一個元素代表同一時刻的一個觸控點，從而可以通過touches獲取多點觸控的每個觸控點

//由於我們只有一點觸控，所以直接指向[0]

var touch = e.touches[0];

//獲取當前觸控點的座標，等同於MouseEvent事件的clientX/clientY

var x = touch.clientX;

var y = touch.clientY;

};

//touchmove類似mousemove

div.ontouchmove = function(e){

//可為touchstart、touchmove事件加上preventDefault從而阻止觸控時瀏覽器的縮放、滾動條滾動等

e.preventDefault();

};

//touchend類似mouseup

div.ontouchup = function(e){

//nothing to do

};