阻止冒泡某种情况下无效

html代码

<form action="" method="post" class="mui-input-group" id="form">  
    <ul class="mui-table-view">  
        <li class="mui-table-view-cell mui-checkbox mui-left">  
            <input type="checkbox" data-id="num456">Item 7  
            <div class="mui-pull-right">  
                <div class="mui-numbox" data-numbox-min='1'>  
                    <button class="mui-btn mui-btn-numbox-minus" type="button">-</button>  
                    <input class="mui-input-numbox" type="number" />  
                    <button class="mui-btn mui-btn-numbox-plus" type="button">+</button>  
                </div>  
            </div>  
        </li>  
    </ul>  
</form>

js代码

mui('.mui-numbox').on('tap', '.mui-btn',function(e){  
    e.stopPropagation(); // 阻止冒泡  
});

点击+号，不会触发checkbox，这个正常。
但是有一种情况，就是数字输入框内的数字从2变成1的时候，会触发checkbox，也就是无法阻止冒泡，其他情况就不会。
比如一开始数字输入框的内容是1，按一次+，变成2，再按-，阻止冒泡就不起作用了。