title: How to access Event.target in IE9?
body: <p>The HTML DOM object model defines an <code>Event</code> object <a href="https://stackoverflow.com/a/10637046/12597">with a <code>target</code> property</a>.</p>
  
  <p>Looking at MSDN, Microsoft documents a <a href="http://msdn.microsoft.com/en-us/library/ie/ff974946%28v=vs.85%29.aspx" rel="nofollow noreferrer"><code>target</code> property</a>. They also document <a href="http://msdn.microsoft.com/en-us/library/ie/ms534638%28v=vs.85%29.aspx" rel="nofollow noreferrer"><code>srcElement</code></a> as an alias of <code>target</code> from earlier versions of Internet Explorer:</p>
  
  <blockquote>
    <p>The <strong>target</strong> property is similar to <a href="http://msdn.microsoft.com/en-us/library/ie/ms534638%28v=vs.85%29.aspx" rel="nofollow noreferrer"><strong>srcElement</strong></a> in Windows Internet Explorer 8 and earlier versions.</p>
  </blockquote>
  
  <hr>
  
  <p>So here i am in Internet Explorer, sitting at a <code>click</code> breakpoint:</p>
  
  <pre><code>&lt;div class="day" onclick="divClick(this)"&gt;
  
  function divClick(sender)
  {
     var divCell = sender;
  </code></pre>
  
  <p>And at the <strong>F12 Tools</strong> console i can ask for the global <code>event</code> object:</p>
  
  <pre><code>&gt;&gt; event 
  {
      actionURL : "",
      altKey : false,
      altLeft : false,
      behaviorCookie : 0,
      behaviorPart : 0,
      bookmarks : null,
      boundElements : {...},
      button : 0,
      buttonID : 0,
      cancelBubble : false
      ...
  } 
  </code></pre>
  
  <p>And i can ask for the <code>event.srcElement</code> object:</p>
  
  <pre><code>&gt;&gt; event.srcElement 
  {
      align : "",
      noWrap : false,
      dataFld : "",
      dataFormatAs : "",
      dataSrc : "",
      currentStyle : {...},
      runtimeStyle : {...},
      accessKey : "",
      className : "header",
      contentEditable : "inherit"
      ...
  } 
  </code></pre>
  
  <p>But <code>event.target</code> is empty:</p>
  
  <pre><code>&gt;&gt; event.target 
  </code></pre>
  
  <p>And if i <em>watch</em> <code>event</code>, there is no <code>target</code> property:</p>
  
  <p><img src="https://i.stack.imgur.com/7w1kj.png" alt="enter image description here"></p>
  
  <p>So how do i access the <code>target</code> property of an <code>event</code> object in Internet Explorer (9 (Document Mode: IE9 Standards (Browser Mode: IE9)))?</p>