touch 事件 记录

    $(function(){
        /*$('#s').click(function(){
            //$('#ss').touchstart();
        });*/


       $('#ss').on('change',function(){
            $('#s').attr('src',$(this).val());
        });


        /*$(document).bind('#ss'.touchstart, function (event) {
            event.preventDefault();


        });*/


        $('#g').on(touchEvents.touchstart, function (event) {
            event.preventDefault();


            alert('start')


        });
        $('#g').on(touchEvents.touchmove, function (event) {
            event.preventDefault();
            alert('move')


        });


        $('#g').on(touchEvents.touchend, function (event) {
            event.preventDefault();
            alertg('ent')


        });
    });






    var touchEvents = {
        touchstart: "touchstart",
        touchmove: "touchmove",
        touchend: "touchend",




        initTouchEvents: function () {
            if (!("ontouchend" in document)) {
                this.touchstart = "mousedown";
                this.touchmove = "mousemove";
                this.touchend = "mouseup";
            }
        }
    };
    touchEvents.initTouchEvents();


//alert("ontouchend" in document);
    console.log(window.document.getElementsByTagName('div').length)
    console.log(window.document.getElementsByTagNameNS('div','span').length)
    function load (){


        document.addEventListener('touchstart',touch, false);
        document.addEventListener('touchmove',touch, false);
        document.addEventListener('touchend',touch, false);


        function touch (event){
            var event = event || window.event;


            var oInp = document.getElementById("inp");


            switch(event.type){
                case "touchstart":
                    oInp.innerHTML = "Touch started (" + event.touches[0].clientX + "," + event.touches[0].clientY + ")";
                    break;
                case "touchend":
                    oInp.innerHTML = "<br>Touch end (" + event.changedTouches[0].clientX + "," + event.changedTouches[0].clientY + ")";
                    break;
                case "touchmove":
                    event.preventDefault();
                    oInp.innerHTML = "<br>Touch moved (" + event.touches[0].clientX + "," + event.touches[0].clientY + ")";
                    break;
            }


        }
    }
    window.addEventListener('load',load, false);