首页 > 移动平台 > 详细

代码搜集-手机网页触屏

时间:2015-04-02 20:20:16      阅读:237      评论:0      收藏:0      [点我收藏+]
function initTouchEvent(){
    if(!!(‘ontouchstart‘ in window) || window.DocumentTouch && document instanceof DocumentTouch){
        var items = $(".article_item");
        for(var i=0;i<items.length;i++){
            addToucheEvent(items[i],$(items[i]).attr("id"));
        }
    }
}

function addToucheEvent(item,id){
    item.addEventListener(‘touchstart‘,touch, false);
    item.addEventListener(‘touchend‘,touch, false);
    item.addEventListener(‘touchmove‘,touch, false);

    function touch (event){
        var event = event || window.event;
        switch(event.type){
            case "touchstart":
                $("#"+id).css({"background":"#F5F5F5"});
                break;
            case "touchend":
                $("#"+id).css({"background":"#FFF"});
                break;
            case "touchmove":
                //event.preventDefault();
                $("#"+id).css({"background":"#FFF"});
                break;
        }
    }
}

 

代码搜集-手机网页触屏

原文:http://www.cnblogs.com/zhouyalei/p/4387917.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!