js 阻止事件冒泡
來(lái)源:易賢網(wǎng) 閱讀:1242 次 日期:2015-04-21 10:00:25
溫馨提示:易賢網(wǎng)小編為您整理了“js 阻止事件冒泡”,方便廣大網(wǎng)友查閱!

在一個(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" style="text-align: center " 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();

}

更多信息請(qǐng)查看IT技術(shù)專(zhuān)欄

更多信息請(qǐng)查看腳本欄目
易賢網(wǎng)手機(jī)網(wǎng)站地址:js 阻止事件冒泡
由于各方面情況的不斷調(diào)整與變化,易賢網(wǎng)提供的所有考試信息和咨詢回復(fù)僅供參考,敬請(qǐng)考生以權(quán)威部門(mén)公布的正式信息和咨詢?yōu)闇?zhǔn)!
關(guān)于我們 | 聯(lián)系我們 | 人才招聘 | 網(wǎng)站聲明 | 網(wǎng)站幫助 | 非正式的簡(jiǎn)要咨詢 | 簡(jiǎn)要咨詢須知 | 新媒體/短視頻平臺(tái) | 手機(jī)站點(diǎn)

版權(quán)所有:易賢網(wǎng)