[Android][Javascript] Android 2.x 에서 stopPropagation(이벤트 버블 중지/취소) 동작하지 않는문제

Android 2.x 에서 event.stopPropagation() 기능이 작동하지 않는문제를 발견!!



결국 다음과 같이 꼼수를 사용

<script>
    $('#div1').bind('touchend', function() {
    if (eventBubble == false) {
        // todo
    }
});

$('#div2').bind('touchend', function(event) { 
    //event.stopPropagation();     Android 2.x 에서 동작하지 않는다.
        
    // todo
    
    eventBubble = true;
    setTimeout(function() {
        eventBubble = false;
    }, 100);
});
</script>

<div id="div1">
    <div id="div2" style="background-color:red; width:100px; height:100px;">
    </div>
</div>