GWT 쿼리 - 중첩 드래그 전파 나는 다음과 같은 코드를 작성했습니다

Question

: 나는 다음 드래그 (childDraggable의 부모)도 드래그 시작 주위의 내부 요소를 끌기 시작할 때

HorizontalPanel draggable = new HorizontalPanel(); 
Function startDragParent = new Function() { 
    @Override 
    public boolean f (Event e) { 
    // some code here... 
    return false; 
} 
}; 
Function dragParent = new Function() { 
    @Override 
    public boolean f (Event e) { 
    // some code here... 
    return false; 
} 
}; 
Function stopDragParent = new Function() { 
    @Override 
    public boolean f (Event e) { 
    // some code here... 
    return false; 
} 
}; 
$(draggable).as(Ui).draggable() 
    .bind(Draggable.Event.start, startDragParent); 
    .bind(Draggable.Event.drag, dragParent); 
    .bind(Draggable.Event.stop, stopDragParent); 

HorizontalPanel childDraggable = new HorizontalPanel(); 
Function dragChild = new Function() { 
    @Override 
    public boolean f (Event e) { 
    // some code here... 
    return false; 
} 
}; 
$(childDraggable).as(Ui).draggable().bind(Draggable.Event.drag, dragChild); 

// finally I add one element inside another 
draggable.add(childDraggable); 

내 문제는 시작을 (만 IE8에서는 이전 버전 인에서와 같음). 이런 종류의 이벤트 전파를 방지하고 싶습니다. 즉, 부모를 드래그하지 않고 innerElement를 드래그하려고합니다.

나는 인 stopPropagation에게 및 로 preventDefault을 tryied했지만 그것은 좋은 없었다. 도움을 주시면 감사하겠습니다.

미리 감사드립니다.

Answer 1

인 stopPropagation가 IE에서 작동하지 않습니다, 당신은 다음과 같은 방식으로 cancelBubble 같은 것을 사용한다 : GWT, gwtquery와 GWT-드래그 사용중인의

function stop(e) { 
    // feature check (in IE this will be undefined) 
    if (e.stopPropagation) { 
     // standards compliant browser 
     e.stopPropagation(); 
    } else { 
     // dreadful IE 
     e.cancelBubble = true; 
    } 
}