js 阻止事件冒泡

字號(hào):


    在一個(gè) <div> 中有一個(gè) click 觸發(fā)事件,在 <div> 中的某一個(gè)元素也有 click 事件,點(diǎn)擊這個(gè)元素的時(shí)候會(huì)同時(shí)觸發(fā)兩個(gè) click 事件。
    這是可以在該元素的 click 函數(shù)體內(nèi)用 event.stopPropagation(); 來(lái)阻止 js 冒泡事件。
    //菜單減號(hào)
    $scope.shopCnt_minus = function(menu) {
    if(menu.shop_cnt <= 1){
    $ionicPopup.show({
    //template: '<input type="text" ng-model="data.foodCount" >',
    title: '刪除菜品',
    subTitle: '是否刪除該菜品?',
    scope: $scope,
    buttons: [
    { text: '取消' },
    {
    text: '<b>確認(rèn)</b>',
    type: 'button-positive',
    onTap: function() {
    event.stopPropagation();
    $scope.remove(menu);
    }
    }
    ]
    });
    }else{
    menu.shop_cnt = parseInt(menu.shop_cnt) - 1;
    $scope.myMenu.amount = parseInt($scope.myMenu.amount) - parseInt(menu.price);
    }
    //阻止事件冒泡
    event.stopPropagation();
    }