event: fine-grained event modules

[yiminghe]

modules

• event/dom => Event.on
• event/custom -> Event.Target/Event.global
• event/gesture/basic=> { START,MOVE,END}
• event/gesture/pan => {PAN,PAN_START,PAN_END}
• event/gesture/edge-pan => {EDGE_PAN,EDGE_PAN_START,EDGE_PAN_END}
• event/gesture/pinch=> {PINCH,PINCH_START,PINCH_END}
• event/gesture/swipe=> {SWIPE}
• event/gesture/tap=> {TAP,HOLD,DOUBLE_TAP,SINGLE_TAP}
• event/gesture/shake=> {SHAKE}
• event/gesture/rotate=> {ROTATE, ROTATE_START, ROTATE_END}

example

KISSY.use(['event/dom', 'event/gesture/tap'],function(S, DomEvent, TapGesture){
    DomEvent.on(document,TapGesture.TAP,function(){
          alert('tap')
    });
});

KISSY.use(['event/dom', 'event/gesture/swipe'],function(S, DomEvent, SwipeGesture){
    DomEvent.on(document,SwipeGesture.SWIPE,{
        fn: function(e){
            // e.direction => 'left' 'right' 'up' 'down'
        },
        preventDefault: {
            // do not scroll page when swipe up or down
            down: true,
            up:true
        }
    });
});