代码搜集-手机网页触屏

浏览数：31 / 时间：2015年06月11日 
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;
        }
    }
}

 

郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。

标签： Android iOS 移动互联 终端开发

相关文章

随机文章

您可能还喜欢

您可能还喜欢