Tengo un HTMLElement personalizado llamado <test-tag> . Mi objetivo ahora es llamar a un evento DOM desde el constructor de clase de ese elemento, de modo que cuando se agregue un elemento como <test-tag onclick= 'alert(“constructed“);'> al DOM, el constructor active ese evento onclick y "construido" recibe una alerta.

Esto es lo que he probado pero no funciona: https://jsfiddle.net/mnat6qxb/15/

HTML:

 <test-tag onclick="alert('test')">Test</test-tag>

JavaScript:

 class TestTag extends HTMLParagraphElement { constructor() { super(); this.dispatchEvent(new Event('click')); } } customElements.define('test-tag', TestTag, { extends: 'p' });