zoukankan      html  css  js  c++  java
  • this和e.target的异同

    每次触发DOM事件时会产生一个事件对象(也称event对象),此处的参数e接收事件对象。而事件对象也有很多属性和方法,其中target属性是获取触发事件对象的目标,也就是绑定事件的元素,e.target表示该DOM元素,然后在获取其相应的属性值。

    this和event.target的区别:

    js中事件是会冒泡的,所以this是可以变化的,但event.target不会变化,它永远是直接接受事件的目标DOM元素;

    .this和event.target都是dom对象

    <!DOCTYPE html>
    <html>
    <head lang="en">
    <meta charset="UTF-8">
    <title>e.target</title>
    <script src="js/jquery-1.11.3.js"></script>
    </head>
    <body>
    <div id="temp"></div>
    <ul class="JQ-content-box" style="padding:20px; background:#FFFFFF">
    <li>第一行
    <ul>
    <li>这是公告标题1</li>
    <li>这是公告标题2</li>
    <li>这是公告标题3</li>
    <li>这是公告标题4</li>
    </ul>
    </li>
    </ul>
    <script>
    $(function(){
    $("li").on("click",function(e){
    console.log(e.target);
    console.log(this);
    $("#temp").html("clicked: " + e.target.nodeName);
    $(e.target).css("color","#FF3300");
    })
    });
    </script>
    </body>
    </html>
  • 相关阅读:
    SIP协议
    Jenkins 使用
    JMeter测试报告
    JMeter接口测试
    JMeter学习2
    JMeter学习1
    Docker
    WebLog Expert
    sqlmap11种常见方法
    网络
  • 原文地址:https://www.cnblogs.com/longailong/p/6559585.html
Copyright © 2011-2022 走看看