http://www.cnblogs.com/jiqing9006/archive/2012/09/11/2679831.html
function playVideo(channel){ if(channel == undefined || channel == ""){ return; } DPSDK.play(channel); window.event.stopPropagation && window.event.stopPropagation(); window.event.cancelBubble && (window.event.cancelBubble = true); }
<body> <div id="content"> 外层div元素 <span>内层span元素</span> 外层div元素 </div> <div id="msg"></div> </body>
<script type="text/javascript"> $(function(){ // 为span元素绑定click事件 $('span').bind("click",function(event){ var txt = $('#msg').html() + "<p>内层span元素被点击.<p/>"; $('#msg').html(txt); event.stopPropagation(); // 阻止事件冒泡 }); // 为div元素绑定click事件 $('#content').bind("click",function(event){ var txt = $('#msg').html() + "<p>外层div元素被点击.<p/>"; $('#msg').html(txt); event.stopPropagation(); // 阻止事件冒泡 }); // 为body元素绑定click事件 $("body").bind("click",function(){ var txt = $('#msg').html() + "<p>body元素被点击.<p/>"; $('#msg').html(txt); }); }) </script>
发表评论
-
dataView 工具栏
2016-08-02 10:13 661http://echarts.baidu.com/echart ... -
js对字符串进行编码方法总结
2016-07-18 16:38 542在用javascript对URL字符串进行编码中,虽然esca ... -
==与===区别(两个等号与三个等号)
2016-06-17 16:55 9411、对于string,number等基础类型,==和===是有 ... -
jquery select取值,赋值操作
2016-03-31 17:24 528jquery select取值,赋值操作一、获取Select获 ... -
时间js
2016-02-16 16:48 586function DateUtil(){ this.url ... -
Spring+Websocket实现消息的推送
2016-01-31 15:59 2510本文主要有三个步骤 1、用户登录后建立websocket连接, ... -
jqgrid
2016-01-28 13:54 338待补待补待补待补 -
HTML5的WebSocket(待补)
2016-01-19 17:30 529认识HTML5的WebSocket 在HTML5规范中,我最喜 ... -
网站cookie.js
2016-01-19 09:34 432cookie.js jQuery.cookie = funct ... -
SVG--(待补)
2016-01-18 10:49 482SVG--(待补) -
prototype---(待补)
2016-01-15 14:58 443<html> <body> & ... -
template
2015-11-17 14:16 323(function(){ template = { ... -
jQuery的deferred对象详解
2015-11-17 09:15 399function getDatas(layerId){ v ... -
typeof
2015-11-10 15:26 518JS中的变量是松散类型(即弱类型)的,可以用来保存任何类型的数 ... -
hashMap.js
2015-11-04 09:57 411function HashMap() { /** Map大 ... -
分页处理
2015-11-01 09:21 718select * from (SELECT rownum as ... -
前台传字符串导出word
2015-10-29 13:43 662package com.yunfengtech.common; ... -
隐藏,前台
2015-10-27 10:51 434$.ajax({ url:"../../s ... -
js对象定义
2015-10-23 17:18 541一,基本概念 1,自定 ... -
js 自定义的相当于LIST的对象
2015-10-23 17:18 535function Vector() { ...
相关推荐
jquery阻止事件冒泡jquery阻止事件冒泡jquery阻止事件冒泡
js阻止冒泡及jquery阻止事件冒泡示例介绍.docx
什么是事件起泡:一个事件不能凭空产生,这就是事件的发生等等,接下来为大家介绍下jquery阻止事件起泡以及关于js事件起泡的验证,感兴趣的朋友可以参考下哈
冒泡事件就是点击子节点,会向上触发父节点,祖先节点的点击事件。本文主要介绍JQuery阻止事件冒泡的实例解析。需要的朋友来看下吧
主要介绍了jQuery阻止事件冒泡的方法,结合实例形式分析了jQuery阻止事件冒泡的原理、常用实现方法,并结合完整实例形式分析了jQuery阻止事件冒泡的相关操作技巧,需要的朋友可以参考下
js阻止冒泡 在阻止冒泡的过程中,W3C和IE采用的不同的方法,那么我们必须做以下兼容。 代码如下: function stopPro(evt){ var e = evt || window.event; //returnValue如果设置了该属性,它的值比事件句柄的返回值...
jquery阻止冒泡的所有方法,适合初学jquery者,是一篇很好的学习文稿
描述: 防止事件冒泡到DOM树上,也就是不触发的任何前辈元素上的事件处理函数。 version added: 1.0event.stopPropagation() 我们可以用 event.isPropagationStopped() 来确定这个方法是否(在那个事件对象上)调用过...
JQuery 提供了两种方式来阻止事件冒泡。 方式一:event.stopPropagation(); 代码如下: $(“#div1”).mousedown(function(event){ event.stopPropagation(); }); 方式二:return false; 代码如下: $(“#div1”)....
一、冒泡事件简介 当我们点击一个控件的时候,如果包括这个控件的父控件也有click事件,则会继续执行。比如:div下的a都有click事件,点击a的时候,会alert出现2次。这个现象叫做冒泡事件。 这个事件从原始元素开始...
代码如下:<...对应的jQuery代码如下: 代码如下:[removed]$(function(){ // 为span元素绑定click事件 $(‘span’).bind(“click”,function(){ var txt = $(‘#msg’).html() + “内层span元素
主要介绍了jQuery事件绑定和解绑、事件冒泡与阻止事件冒泡及弹出应用,结合实例形式较为详细的分析了jQuery事件绑定、解绑、事件冒泡、阻止冒泡等相关原理与应用技巧,需要的朋友可以参考下
JQuery 提供了两种方式来阻止事件冒泡.rar