什么叫事件“冒泡”,及jquery里阻止事件冒泡的方法和实例原创

文章标签: event
  • :
  • 03-19 23:03
  • :
  • 44次
  • :
  • 0条
  • 2赞

简介本文用站长自己的语言来给你解释什么叫事件的冒泡,及阻止事件冒泡的方法。l

什么叫事件的冒泡?

站长最开始的时候,百度了好久,看了不少的文章,花了不少的时间【主要是因为搜索出来的文章大多都一样,这个站抄那个站,互相来回抄】,下面站长用自己的方法来给大家解释什么叫冒泡,如果觉的站长说的不好,请绕道,百度上能搜索出来一大堆官方的解释。

用一句话来说就是子标签元素继承了父标签上的事件,就是冒泡,来看一个具体的实例大家就能都明白了:

<div id="aijquery">
   <a href="http://www.aijquery.cn">爱jQuery</a>
</div>
<script language="javascript">
$("div#aijquery").click(function(){
    alert("被点击了!");
});
</script>

上面的这段代码很简单,意思就是给页面里id为aijquery的div绑定了一个click单击事件,从代码上看,事件是绑定在div上的,但实际中,我们在点击了a标签,也就是div里的子标签时,也会触发这个事件,这个过程,就是“冒泡”。

以前站长写的一篇关于event对象的文章里,附带有冒泡现象的在线演示,大家可以点开看下:

jquery函数内置对象event的各种属性的方法的详解及在线实例演示

知道了什么叫冒泡后,我们来看下阻止事件冒泡的方法,其实方法在上面的这个链接中也已经给出了,具体的可以点上面的链接查看,这里站长再复制一下:

$("a").click(function(event){
    event.stopPropagation();		
    alert("阻止了事件的冒泡");	
});


您正在找的文章可能是:
热点文章
热点图文
最近更新
  • Copyright © aijquery.cn 爱jQuery-完全免费的jquery交流学习网站
  • 豫ICP备17037455号-1
  • 2018-11-11 15:29:07