Javascript 创建自定义输入元素

我正在尝试创建一个自定义组件来扩展

HTMLInputElement

组件，但没有呈现任何内容

类myInput扩展了HTMLInputElement{}； 自定义元素。定义（'my-input'，myInput{ 扩展：“输入” });

---

您所期望的不会发生，因为这不是扩展已内置元素的正确方法

正如MDN文档所述，您需要在DOM中保留内置标记，并将其作为一个属性进行影响

通过关注spot输入查看下面的代码片段

class spotInput扩展了HTMLInputElement{
构造函数（…参数）{
超级（…args）；
this.addEventListener（'focus'，（）=>{
log（“关注spotinput”）；
});
}
};
自定义元素。定义（'spot-input'，spot-input{
扩展：“输入”，
});