在高級瀏覽器中,我們在綁定事件的時候 可以知道綁定一個對象,然后在這個對象中的 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端現在也可以放心使用,如果遇到版本低的瀏覽器就不能用這種了,因為低版本瀏覽器根不能用!!!!