Question

html5的开发 关于触屏

我们知道，鼠标点击的时候，有onMousedown,onMouseup的方法，但是在触屏开发时，有没有点击屏幕时对应的函数？查到了 onTouchStart用了没什么效果，求大神给详细的解决方案

Answer 1

ontouchstart
ontouchmove
ontouchend
ontouchcancel

移动平台的四个触摸事件

因此他们的顺序是需要注意的：touchstart → mouseover → mousemove → mousedown → mouseup → click1
/**
* onTouchEvent
*/
var div = document.getElementById("div");
//touchstart类似mousedown
div.ontouchstart = function(e){
//事件的touches属性是一个数组，其中一个元素代表同一时刻的一个触控点，从而可以通过touches获取多点触控的每个触控点
//由于我们只有一点触控，所以直接指向[0]
var touch = e.touches[0];
//获取当前触控点的坐标，等同于MouseEvent事件的clientX/clientY
var x = touch.clientX;
var y = touch.clientY;
};
//touchmove类似mousemove
div.ontouchmove = function(e){
//可为touchstart、touchmove事件加上preventDefault从而阻止触摸时浏览器的缩放、滚动条滚动等
e.preventDefault();
};
//touchend类似mouseup
div.ontouchup = function(e){
//nothing to do
};