Fatal编程技术网
  • javascript/
  • Javascript js自治自定义元素-事件侦听器

Javascript js自治自定义元素-事件侦听器

javascript

Javascript js自治自定义元素-事件侦听器,javascript,event-handling,custom-element,Javascript,Event Handling,Custom Element,问：“mycustomevent”的处理程序是在所有eSelectOne元素之间共享的，还是每个eSelectOne元素都有一个“单独”的函数？我知道在标准类中，一个新对象将继承原型，但我想知道这是否是相同的情况。多谢各位 class eSelectOne extends HTMLElement{ constructor() { super(); } connectedCallback(){

问：“mycustomevent”的处理程序是在所有eSelectOne元素之间共享的，还是每个eSelectOne元素都有一个“单独”的函数？我知道在标准类中，一个新对象将继承原型，但我想知道这是否是相同的情况。多谢各位

    class eSelectOne extends HTMLElement{
        constructor() {
            super();
        }
            connectedCallback(){

               this.addEventListener('mycustomevent',function(){     
                      // function code
               });        
       }
    }customElements.define( 'e-select-one',eSelectOne);
您添加的侦听器不是原型。使用
点击
事件创建一个测试，并查看捕捉到多少点击。