zoukankan      html  css  js  c++  java
  • event.currentTarget与event.target的差别介绍

    event.currentTarget与event.target的差别想大家在使用的时候不是非常在意。本文以測试代码来解说它门之间的不同。即,event.currentTarget指向事件所绑定的元素,而event.target始终指向事件发生时的元素。翻译的不专业,好拗口啊,还是直接上測试代码吧:  
    <div id="wrapper"> 
    <a href="#" id="inner">click here!</a> 
    </div> 
    <script type="text/javascript" src="source/jquery.js"></script> 
    <script> 
    $('#wrapper').click(function(e) { 
    console.log('#wrapper'); 
    console.log(e.currentTarget); 
    console.log(e.target); 
    }); 
    $('#inner').click(function(e) { 
    console.log('#inner'); 
    console.log(e.currentTarget); 
    console.log(e.target); 
    }); 
    /* 
    以上測试输出例如以下: 
    当点击click here!时click会向上冒泡,输出例如以下: 
    #inner 
    <a href=​"#" id=​"inner">​click here!​</a>​ 
    <a href=​"#" id=​"inner">​click here!​</a>​ 
    #wrapper 
    <div id=​"wrapper">​…​</div>​ 
    <a href=​"#" id=​"inner">​click here!​</a>​ 
    */ 
    </script> 
    


  • 相关阅读:
    C# 从需要登录的网站上抓取数据
    mysql
    Fiddler抓取https设置详解(图文)
    Handlebars块级Helpers
    SQL优化技巧
    MyBatis持久层框架使用总结
    网页刷新页面方法小结
    史上最全的程序猿面试资料
    ActiveMQ开发与简介
    Lex使用指南
  • 原文地址:https://www.cnblogs.com/gccbuaa/p/6893465.html
Copyright © 2011-2022 走看看