JavaScript (index.html):
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 | Start: <div id= "t1" ></div> Move: <div id= "t2" ></div> End: <div id= "t3" ></div> <script type= "text/javascript" > document.ontouchstart = function (e) { var px = e.changedTouches[0].clientX; var py = e.changedTouches[0].clientY; e.preventDefault(); document.getElementById( 't1' ).innerHTML = '(' + px + ', ' + py + ')' ; }; document.ontouchmove = function (e) { var px = e.changedTouches[0].clientX; var py = e.changedTouches[0].clientY; e.preventDefault(); document.getElementById( 't2' ).innerHTML = '(' + px + ', ' + py + ')' ; }; document.ontouchend = function (e) { var px = e.changedTouches[0].clientX; var py = e.changedTouches[0].clientY; e.preventDefault(); document.getElementById( 't3' ).innerHTML = '(' + px + ', ' + py + ')' ; }; </script> |
說明:
觸控事件取得座標範例。