Show toolbar

2014年4月29日 星期二

Touch events example

標題:觸控事件範例
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>

說明:
觸控事件取得座標範例。

沒有留言:

張貼留言