zoukankan      html  css  js  c++  java
  • angular的event.target和event.currentTarget

    如a是b的父节点,a监听点击事件,那么点击a的时候,target是a,currentTarget也是a;点击b的时候,target是b,currentTarget是a,因此,target是当前事件的发出者,currentTarget始终是监听事件者

    html代码:

    <div class="clearFloat">
        <div class="floatLeft beianItem beianItemSelected"ng-click="selectGoPage($event)">
            <div class="beianItemImg beianItemImgSelected">
                <img src="img/aaa.jpg" />
                <h3 style="margin: 10px 0;">currentTarget</h3>
            </div>
            <p>测试专用</p>
        </div>
    </div>

    angular代码:

    $scope.selectGoPage = function(event){
        console.log($(event.target));
        console.log($(event.currentTarget));
    }

    分别点击最外面的div以及img标签,查看结果

    结果:

    1、点击最外面的div标签:

    2、点击img标签:

  • 相关阅读:
    ubuntu10官方镜像安装硬盘自动分区失败的问题
    ubuntu10的pci扩展卡驱动安装失败后检查方法
    day7集合
    day6字符编码
    day5 dict
    day4 list,tuple
    day2 int,bool,str
    day1
    函数一
    注册登录
  • 原文地址:https://www.cnblogs.com/fashandian/p/7125109.html
Copyright © 2011-2022 走看看