Javascript 创建类以处理元素的单击和其他事件

我想创建一个类，并希望将我的元素传递给它，并从类中触发事件，而不是每次都从javascript事件触发

我的尝试

HTML:

---

在这里，上述两个调用都没有按要求触发，如何处理，任何帮助都将不胜感激。

在这里，我重新创建您的

Myevents

函数。我制作了一个

click函数

作为原型，附加click事件监听器并隐式调用它

const Myevents=函数（el）{
该元素=el；
}
Myevents.prototype={
单击：函数（）{
//附加事件侦听器
this.element.addEventListener（'click'，（e）=>{
e、 预防默认值（）；
console.log（'clicked'）；
});
//最后点击一下
//this.element.click（）；
}
}
const el=document.querySelector（“#clickbtn”）；
const实例=新的Myevents（el）；
实例。单击（）

你好，世界

好啊
为什么要进行向下投票？您好，如果您想触发点击事件，您想实现什么？请参见，这样您就可以引用.element.click（）不，这就是问题所在？您的prototype@ankabot因为我们可以在元素上添加EventListener，我想在我的课堂上实现这一点，只是想知道为什么我的点击和鼠标事件没有启动谢谢，但为什么点击会登录到初始化时间？这只是为了向你们展示。只需删除
this.element。单击（）
行即可正常工作。请立即检查。单击
确定
按钮后，它会工作。
<div id="upload-container">
<label for="myfile">Select a file:</label>
<input type="file" id="fileInput" name="myfile">
<button id="send"> Upload </button> </div>

function Myevents(ele) {
    this.element = ele;
}

Myevents.prototype = {

    init: function() {
        this.element.addEventListener('click', function(file) {
            console.log(file)
        }(this.element));

        this.element.addEventListener('mouseover', function(file) {
            console.log(file)
        }(this.element));
    }
}

var ele = document.getElementById('send');
var instance = new Myevents(ele);
instance.init();

instance.click() ;  // should be able to call it manually
instance.mouseover();   // should be able to call it manually