Skip welcome & menu and move to editor
Welcome to JS Bin
File
Add library
Share
Login or Register
Blog
Help
Load cached copy from
  • Run with JS
  • Save
  • Share
  • …
 
<!DOCTYPE html>
<html>
  <head>
    <script src="http://www.polymer-project.org/platform.js"></script>
    <script src="http://www.polymer-project.org/polymer.js"></script>
  </head>
  <body unresolved>
    <polymer-element name="foo-bar">
      <template>
        <div id="container" style="background-color:red; width:100%;" on-click="{{clickHandler}}">
          <content></content>
        </div>
      </template>
      <script>
       Polymer("foo-bar", {
         clickHandler: function(event) {
           console.log(event);
           var element = event.target;
           while (element) {
             console.log(element.tagName, element.id);
             element = element.parentElement;
           }
         }
       });
      </script>
    </polymer-element>
​
    <foo-bar id="custom-element">
      <button>Click me</button>
    </foo-bar>
    
    <script>
      var el = document.querySelector('#custom-element');
      el.addEventListener('click', function(e) {
        console.log(e.target.tagName);
      });
    </script>
  </body>
</html>
 
​
 
​
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
anonymouspro
0viewers