zoukankan      html  css  js  c++  java
  • event.target

    <!DOCTYPE html>
    <html class="index">
    <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width initial-scale=1.0 maximum-scale=1.0 user-scalable=yes" />

    <title>jQuery.mmenu demo</title>

    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js" type="text/javascript"></script>

    </head>
    <body>
    <div id="test"> js</div>
    <div id="jquery"> jquery</div>


    <div>e.target是html对象,html对象转字符串直接变成[object HTMLDivElement]。所以要获取htmldom的话用event.target.innerHTML等</div>
    <div>console.log()能打印object对象,所以log看到了值。造成假象。</div>
    </body>
    <script type="text/javascript">
    document.getElementById("test").onclick = function(e){
    console.log(e.target);
    console.log("ddd"+e.target);
    }

    $("#jquery").click(function(e){
    console.log("ddd"+e.target);
    var obj = {id:"dis",name:"name"};
    console.log("my"+obj);
    var s = e.target;
    alert(s);
    });

    </script>
    </html>

    单击<div>js</div> log值:

    <div id="test"> js</div>

    ddd[object HTMLDivElement]

  • 相关阅读:
    python爬虫headers设置后无效解决方案
    idea建立web项目servlet映射的地址/jsp访问不到
    bootstrap栅格系统错位问题
    python2 python3共存解决方案
    Springboot+Thymeleaf框架的button错误
    星空雅梦
    星空雅梦
    星空雅梦
    星空雅梦
    星空雅梦
  • 原文地址:https://www.cnblogs.com/FnuJava/p/4689323.html
Copyright © 2011-2022 走看看