我们常用的事件监听就是利用addEventListener然后后面跟一个具体的方法,例如:

document.getElementById('test').addEventListener('click',function(e){});

但是addEventListener后面其实跟一个对象,然后默认会去找对象的handleEvent方法:

var obj={
    handleEvent:function(e){
        
    }
}
document.getElementById('test').addEventListener('click',obj);

最常用的就是利用它做统一事件处理入口:

addEventListener之handleEvent

上面demo的关键代码如下:

var obj={
    handleEvent:function(e){
        switch(e.type){
            case 'mousedown':
                console.log('mousedown');
                break;
            case 'mouseup':
                console.log('mouseup');
                break;
            case 'click':
                console.log('click');
            break;
        }
    }
}
document.getElementById('main').addEventListener('click',obj);
document.getElementById('main').addEventListener('mousedown',obj);
document.getElementById('main').addEventListener('mouseup',obj);
回到顶部
我要评论

所有评论

返回
邮箱:
绑定
取消
×

我要评论

回复:

昵称:(昵称不超过20个字)

图片:

邮箱:
绑定邮箱后,若有回复,会邮件通知。
提交
还可以输入500个字