文档章节

js 阻止事件冒泡

Jack088
 Jack088
发布于 2015/03/23 18:16
字数 189
阅读 810
收藏 8

在一个 <div> 中有一个 click 触发事件,在 <div> 中的某一个元素也有 click 事件,点击这个元素的时候会同时触发两个 click 事件。

这是可以在该元素的 click 函数体内用   event.stopPropagation();  来阻止 js 冒泡事件。

//菜单减号
$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>确认</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();
}


© 著作权归作者所有

共有 人打赏支持
Jack088
粉丝 41
博文 423
码字总数 65170
作品 0
程序员
私信 提问
总结jquery使用事件(复合事件、事件绑定等)

本文整理总结jquery事件,在使用jquery开发中,一定会使用到事件,下面是常用的事件。 1.$(document).ready() $(document).ready()是jQuery中响应JavaScript内置的onload事件并执行任务的一种...

^6^|^6^
2011/12/09
0
0
小程序和Vue关于绑定数据书写上的区别

一、书写格式上 1、绑定事件 Vue: 小程序: Vue是通过:事件名字='回调函数名'。 小程序以或开头,后面跟着事件类型,例如、。自基础库版本1.5.0起,和后可以紧跟一个冒号,其含义不变,如。...

fenerchen
06/02
0
0
JavaScript零基础入门——(十三)JavaScript的事件

JavaScript零基础入门——(十三)JavaScript的事件 大家好,欢迎回到我们的JavaScript零基础入门。上一节课,我们了解了JavaScript定时器,也演示了一些比较经典的例子,其实我们已经用到了...

JandenMa
07/01
0
0
2016-12-21总结

1.ios移动端点击事件延迟问题 1).在安卓中,js防止事件冒泡,去除默认事件是可以的,但是在ios中则不行, 使用touch时间也用了,也不行 2).所以只能引用一个js,这个js是阻止点击事件延迟三秒...

卡卡就是写
2016/12/21
0
0
js阻止浏览器的默认行为以及停止事件冒泡(用JQuery实现回车提交,兼容IE、FF浏览器) ...

在前端开发工作中,由于浏览器兼容性等问题,我们会经常用到“停止事件冒泡”和“阻止浏览器默认行为”。 1.阻止浏览器的默认行为 [java] function stopDefault(e) { //如果提供了事件对象,...

java_T
2012/07/13
0
0

没有更多内容

加载失败,请刷新页面

加载更多

重构系统的套路-面向对象设计原则

前言 一讨论系统重构,很多人不明所以的就开始画各种架构图,写各种高可用,高并发设计方案,其实不知道很多系统的腐朽是从代码失控开始的,所以重构系统之前,架构师需要深谙面向对象设计之...

春哥大魔王的博客
6分钟前
1
0
Private Cloud和On-Premise区别

大家常常听到Private Cloud和On-Premise两个术语,下面通过相关背景介绍区分两者的差别: Private Cloud定义 维基百科云计算 词条中解释了Private Cloud,其含义为“Private cloud is cloud ...

突突突酱
6分钟前
0
0
Linux-ubuntu学习(第一天)

Linux第一天 1.Linux与Windows的区别 Windows是桌面OS。Linux是作为服务器的OS。Linux作为服务器是更安全更稳定的。 2.虚拟机的理解 学习java的时候有个java虚拟机JVM。如果想要在windows上运...

柠檬果过
17分钟前
0
0
以太坊应用开发接口:JSON RPC API

以太坊应用开发接口指的是以太坊节点软件提供的API接口,去中心化应用可以利用这个接口访问以太坊上的智能合约。以太坊应用开发接口采用JSON-PRC标准,通常是通过HTTP或websocket提供给应用程...

汇智网教程
26分钟前
3
0
排序--二分插入排序

二分插入排序是对直接插入排序的一个优化,在排序--直接插入排序中已经分析过直接插入排序的最坏时间复杂度是平方级别的,二分插入排序则是通过二分查找对寻找插入位置进行了优化,在找到插入...

FAT_mt
37分钟前
5
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部