博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理

javascript 对象中的 handleEvent

Posted on 2014-12-29 17:55  绝交  阅读(3903)  评论(0编辑  收藏  举报

在高级浏览器中,我们在绑定事件的时候 可以知道绑定一个对象,然后在这个对象中的 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端现在也可以放心使用,如果遇到版本低的浏览器就不能用这种了,因为低版本浏览器根不能用!!!!