移动端的触摸

标签：

移动端文本开发，jq专门针对手机触摸有其对应的事件，这些事件有了：

touchstart //触摸屏幕瞬间

touchend //触摸屏幕离开之后

touchmove //在屏幕上滑动

touchcancle //处理一些接电话之类的功能，取消当前的触摸效果

触摸事件(touch)

使用iPhone时你可以使用手指代替鼠标，最酷的是支持多点触摸，在iPhone上鼠标事件被触摸事件替代了，包括：

    touchstart
    touchend
    touchmove
    touchcancel

当你发出这些事件时，事件监听器将会接收一个event对象，event对象有些重要的熟悉，如：

    touches：触摸对象的集合，触摸屏幕的每个手指一个，touch对象有pageX和pageY属性，包含了在页面上触摸的坐标。
    targetTouches：和touches类似，但它只登记对目标元素的触摸，而不是整个页面。

下面的例子是拖放的一个简单实现，我们在空白页面上放一个方框，然后进行拖动，你需要的做的就是订阅touchmove事件，然后随手指移动更新方框的位置，如：
    window.addEventListener(‘load‘, function() {
        var b = document.getElementById(‘box‘),
        xbox = b.offsetWidth / 2, // half the box width
        ybox = b.offsetHeight / 2, // half the box height
        bstyle = b.style; // cached access to the style object
    
        b.addEventListener(‘touchmove‘, function(event) {
            event.preventDefault(); // the default behaviour is scrolling
            bstyle.left = event.targetTouches[0].pageX - xbox + ‘px‘;
            bstyle.top = event.targetTouches[0].pageY - ybox + ‘px‘;
        }, false);
    }, false);

移动端的触摸

标签：

原文地址：http://www.cnblogs.com/liangcheng11/p/5725188.html