下面的代码会执行三次alert:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Insert title here</title> </head> <body> <div onclick="alert('我是第一层')"> <div onclick="alert('我是第二层')"> <input type="checkbox" onclick="alert('checkbox的点击事件');"/> </div> </div> </body> </html>
加上停止冒泡的处理代码即可:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Insert title here</title> </head> <body> <div onclick="alert('我是第一层')"> <div onclick="alert('我是第二层')"> <input type="checkbox" onclick="alert('checkbox的点击事件');event.stopPropagation();"/> </div> </div> </body> </html>
相关推荐
事件冒泡:当一个元素上的事件被触发时,同样的事件会在那个元素的所有祖先元素中被触发。 这个事件是从原始元素开始一直冒泡到DOM树最上层。 目标元素:任何一个事件的目标元素最开始的那个元素,并且它在我们的...
本文实例讲述了javascript事件监听与事件委托。...事件委托需要用到事件的冒泡,冒泡就是事件发生时,上层会一层一层的接收这个事件。 如下页面结构: <body> <button>按钮</bu
这个事件从原始元素开始一直冒泡到DOM树的最上层。目标元素: 任何一个事件的目标元素都是最开始的那个元素,在我们的这个例子中也就是按钮,并且它在我们的元素对象中以属性的形式出现。使用事件代理的话我们可以把...
多个iframe,显示其中一个frame中的div,并处于最上层显示 并且页面中的填写的值,可以传到弹出的div页面中 最近一段时间在做这个东西,给大家分享一下 附带测试代码 js弹出div层
android中本地代码调用上层java的实例
Android系统上层应用源码,相机、日历、蓝牙、计算器、浏览器、音乐播放器等一应俱全,喜欢的朋友请多多支持
videojs最好的网页视频js组件,能够轻松的在网页上播放视频,在pc、iOS、安卓平台上都可以播放。内含demo
安卓上层所有应用源码,android安卓上层应用源码有Google系统自带的应用源码
安卓系统的上层应用的源码,android原生应用源码,安卓系统的上层应用的源码,android原生应用源码,安卓系统的上层应用的源码,android原生应用源码
轮播实现双层效果,底层淡入淡出,上层动画进入
包含安卓系统上层所有源代码
本文档介绍音频上层框架相关的基础知识。 IAudioFlinger.cpp是AudioFlinger.cpp给上层提供的接口,降低了耦合性,同样对于AudioPolicyService也是如此。即使AudioFlinger.cpp里面的内容发生变化,只要与...
Android系统上层所有应用的源代码.zipAndroid系统上层所有应用的源代码.zipAndroid系统上层所有应用的源代码.zip
该模型分为上层事件类、下层事件类和事件实例,上层事件类描述的抽象的事件的分类体系,下层事件类是通过事件类关系组成的事件格结构。该模型不仅可以描述事件的时间、地点、对象等要素,还能描述事件类之间的关系。...
Linux嵌入式系统的上层应用开发研究.pdf
上层建筑架构图2.pptx,ecbef40c4b86115.pptx
上层建筑架构图5.pptx,908983145e0a05b.pptx
此款象棋引擎棋力强悍,棋风颇有攻击性,弃子杀招闻名,上层速度快,审局准确。
本文实例讲述了Android编程...一开始想着是不是能在list item的布局给上层布局添加一个: android:clickable=false android:focusable=false 就是禁止点击,但试了试没有效果,后来师傅提醒我,我的这个listview使
上层建筑架构图.pptx,4d94666e1e380b9.pptx