Finding the source of a click in event bubbling with event srcElement and originalTarget - Javascript DOM Event

Javascript examples for DOM Event:onclick

  1. HOME
  2. Javascript
  3. DOM Event
  4. onclick

Description

Finding the source of a click in event bubbling with event srcElement and originalTarget

Demo Code

ResultView the demo in separate window 

<html>
   <head> 
      <meta name="viewport" content="width=device-width, initial-scale=1"> 
      <script type="text/javascript">
    window.onload=function(){/*  ww w .ja  v a  2 s. c  om*/
document.getElementById('buttons').onclick = function (evt) {
    var source = evt.srcElement || evt.originalTarget
    console.log(source.id);
}
    }

      </script> 
   </head> 
   <body> 
      <div id="buttons"> 
         <button id="btn1">1</button> 
         <button id="btn2">2</button> 
      </div>  
   </body>
</html>

Related Tutorials