title: HTML <div> with SVG onclick issue
body: <p>I have a parent div with child object tag that contains my svg.</p>
  
  <p>I'm trying to capture the clicks on my image but it doesn't work.</p>
  
  <p>In the sample code snippet, the alert is shown only when one click's outside the displayed svg.</p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;div class="calendarWidget" onclick="alert('test');"&gt;
      &lt;span&gt;
          &lt;object  onclick="alert('test1');" data="https://www.multiservicetolls.com/wp-content/uploads/revslider/assets/svg/busy-icons-svg/folder-private.svg" type="image/svg+xml"&gt;&lt;/object&gt;
      &lt;/span&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>CSS:</p>
  
  <pre><code>.calendarWidget {
    position: fixed;
    max-width: 200px;
    width: 200px;
    right: 20px;
    bottom: 20px;
    background-color:green;
    z-index: 1;
  }
  </code></pre>
  
  <p><a href="https://jsfiddle.net/50cbetd2/6/" rel="nofollow noreferrer">JSFiddle</a></p>
  
  <p>Due to my requirement, I can't write the script code within the svg.</p>