html5構(gòu)建觸屏網(wǎng)站之touch事件介紹

/*單指拖動(dòng)*/
var obj = document.getElementById('id');
obj.addEventListener('touchmove', function(event) {
// 如果這個(gè)元素的位置內(nèi)只有一個(gè)手指的話
if (event.targetTouches.length == 1) {
　　　　 event.preventDefault();// 阻止瀏覽器默認(rèn)事件，重要
var touch = event.targetTouches[0];
// 把元素放在手指所在的位置
obj.style.left = touch.pageX-50 + 'px';
obj.style.top = touch.pageY-50 + 'px';
}
}, false);