Skip welcome & menu and move to editor
Welcome to JS Bin
Load cached copy from
 
<!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>
  <polymer-element name="sp-test" attributes="props">
    <template>
      <button on-click="{{ test }}">Click Me</button>
    </template>
    <script>
        Polymer('sp-test', {
        test: function () {          
            console.log('%cStart inside my component', 'color:green');
            
          var testevent = this.fire('testevent', {data:'something'});
            
            console.log(testevent.defaultPrevented);
            
            console.log('%cEnd inside my component', 'color:green');
        }
    });
    </script>
  </polymer-element>
  
  <sp-test id="test"></sp-test>
  
    <script>
/*      window.CustomEvent.prototype.preventDefault = function () {
            //window.CustomEvent.prototype.preventDefault.call();
            //this.defaultPrevented = true;         
            
            console.log('preventing');
            this.isTrusted = true;
            this.defaultPrevented = true;
            console.log(this);
        };
         */ 
        
        window.addEventListener('polymer-ready', function () {
            console.clear();
            var test = document.getElementById('test');
            test.addEventListener('testevent', function (event) {
                
                event.preventDefault();
                
                //event.returnValue = true;
                                                                                
              console.log('Listener: Default was prevented');               
            });         
        });
    
    </script>
    
  
</body>
</html>
Output 300px

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

Dismiss x
public
Bin info
anonymouspro
0viewers