html5触摸指定区域,HTML5触摸事件

Touch

用移动设备访问，在这个区域测试

function mobile_touch()

{

document.addEventListener('touchstart',touch, false);

document.addEventListener('touchmove',touch, false);

document.addEventListener('touchend',touch, false);

function touch (event){

var event = event || window.event;

var oInp = document.getElementById("inp");

switch(event.type){

case "touchstart":

oInp.innerHTML = "Touch started (" + event.touches[0].clientX + "," + event.touches[0].clientY + ")";

break;

case "touchend":

oInp.innerHTML = "
Touch end (" + event.changedTouches[0].clientX + "," + event.changedTouches[0].clientY + ")";

break;

case "touchmove":

event.preventDefault();

oInp.innerHTML = "
Touch moved (" + event.touches[0].clientX + "," + event.touches[0].clientY + ")";

break;

}

}

}

window.addEventListener('load',mobile_touch, false);