點評:手機上的大部分交互都是通過touch來實現的,于是,對于觸屏的交互式網站,觸摸事件是相當重要的,這里我們介紹幾種普及得比較好的觸摸事件,你可以在絕大多數現代瀏覽器中來測試這一事件必須是觸屏設備哦,感興趣的朋友可以了解下哦
前言復制代碼
代碼如下:
/*單指拖動*/
var obj = document.getElementById('id');
obj.addEventListener('touchmove', function(event) {
// 如果這個元素的位置內只有一個手指的話
if (event.targetTouches.length == 1) {
event.preventDefault();// 阻止瀏覽器默認事件,重要
var touch = event.targetTouches[0];
// 把元素放在手指所在的位置
obj.style.left = touch.pageX-50 + 'px';
obj.style.top = touch.pageY-50 + 'px';
}
}, false);
新聞熱點
疑難解答