title: custom element, custom event handler attributes
body: <p>Built in browser elements have event attributes which execute arbitrary javascript as described below</p>
  
  <p><a href="https://i.stack.imgur.com/08yqb.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/08yqb.jpg" alt="https://developer.mozilla.org/en-US/docs/Web/Guide/Events/Event_handlers"></a></p>
  
  <p><strong>Is there any way to create a custom element with a similar behaving <em>custom event</em> handler attribute, and is there a standard pattern for doing so?</strong> Where the {some custom eventType}="{some code}" executes with the correct values in scope and the this binding set correctly.</p>
  
  <pre><code>&lt;some-custom-element oncustomevent="alert('worked')" /&gt;
  </code></pre>