event.currentTarget与event.target的区别及在线实例演示

文章标签: event
  • :
  • 03-19 23:18
  • :
  • 5次
  • :
  • 0条
  • 3赞

简介本文主要是通过一个很详细的在线实例给你讲解jquery的event对象的currentTarget属性和target属性的区别。l

以前站长写过一篇关于jquery内置对象event的属性和方法,可以点下面的链接查看:

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

在上面这篇文章的在线实例演示中,已经很清楚的演示了event.currentTarget与event.target的区别,这里,站长再用自己的语言来给大家解释一下。

event.currentTarget 获取到的是发起事件的标签元素

event.target 获取的是触发事件的标签元素

站长给大家举一个实例,结合实例,大家一看就能明白了:

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

上面的实例很简单,给网页里ID为aijquery的div标签绑定了一个鼠标点击事件,而在实际中,在点击了这个div内的所有子标签时,都会触发这个事件,这个过程就是“冒泡”(关于冒泡,请看这篇文章:什么叫事件“冒泡”,及jquery里阻止事件冒泡的方法和实例)。

当div里的a标签被点击时,也就是当我们用鼠标点击了div内的这个超链接时,这个被我们点击的a标签就是触发事件的标签了,也就是event.target;而整个点击事件是绑定在div上的,所以不管点击了哪里,这个div都是事件的发起者,即event.currentTarget。

具体的在线实例演示,可以看下面的这个实例,里面有关于event对象的各个属性和方法:

jquery函数内置属性event的各种方法和属性在线演示



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