jquery如何获取手机网页触屏坐标：ontouchstart 、ontouchend、ontouchmove

function handleTouchEvent(event) {

    //只跟踪一次触摸

    if (event.touches.length == ) {

        var output = document.getElementById("output");

        switch (event.type) {

            case "touchstart":

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

                break;

            case "touchend":

                output.innerHTML += "Touch ended (" + event.changedTouches[].clientX + "," + event.changeTouches[].clientY + ")";

                break;

            case "touchmove":

                event.preventDefault(); //阻止滚动

                output.innerHTML += "Touch moved (" + event.changedTouches[].clientX + "," + event.changedTouches[].clientY + ")";

                break;

        }

    }

}

document.addEventListener("touchstart", handleTouchEvent, false);

document.addEventListener("touchend", handleTouchEvent, false);

document.addEventListener("touchmove", handleTouchEvent, false);

1. touchstart ：手指放在一个DOM元素上。
2. touchmove ：手指拖曳一个DOM元素。
3. touchend ：手指从一个DOM元素上移开

这是监听整个页面的触摸事件。加上这个代码后，忘记了有个变量定义了 就是 output这个。

你在页面建立一个id 放上代码 就可以看到测试结果了。

 <p id="output">这里显示坐标</p>

 <script>

 ...上面的js代码复制到这，就可以了

 </script>