javascript 對象中的 handleEvent


在高級瀏覽器中,我們在綁定事件的時候 可以知道綁定一個對象,然后在這個對象中的 handleEvent 方法會自動進入指定的方法,不多說了舉個例子吧!!

var events = {
    handleEvent: function(event) {

          switch (event.type) {
            case 'touchstart': this.touchstart(event); break;
            case 'touchmove': this.touchmove(event); break;
            case 'touchend': touchend(event); break;
         }
    },
    touchstart:function(event){
    },
    touchmove:function(event){
    },
    touchend:function(event){
    }
}

document.getElementById('elementID').addEventListener('touchstart',events,false);
document.getElementById('elementID').addEventListener('touchmove',events,false);
document.getElementById('elementID').addEventListener('touchend',events,false);

這種在支持html5的瀏覽器中可以放心使用,wap端現在也可以放心使用,如果遇到版本低的瀏覽器就不能用這種了,因為低版本瀏覽器根不能用!!!!


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM