移动平台浏览器的触控操作

比如说需要在一个页面中实现左右滑动跳转到不同的页面，可以使用Hammer这个js插件

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>

    <script src="/Scripts/jquery.specialevent.hammer.js"></script>

    <script src="/Scripts/hammer.js"></script>

<script type="text/javascript">

    var  actions = 'swipe';



    function hammerLog(event) {

        event.preventDefault();

        if (event.direction == "right")

        {

            window.document.location.href = "/zuihuo";

        }

        else if (event.direction == "left") {

            window.document.location.href = "/zuixin";

        }

    }

    $("body").on(actions, hammerLog);

</script>

这里的actions 可以通过空格隔开多个事件名称来实现多种触发事件。

不过这里有一个问题，如果不指定down和up事件的话，页面是不能滑动的，所以需要在Hammer.js文件里面修改一下，

drag : function(event)这个方法中加入

if(_direction=="up" || _direction=="down")
{
return;
}

即可跳过up和down事件。

还可以修改在某个滑动角度范围内触发事件。

http://files.cnblogs.com/dc-lancer/hammer.js.rar