您好,欢迎访问一九零五行业门户网

addEventListener中的EventListener的接口对象

这篇文章主要介绍了关于addeventlistener中的eventlistener接口对象,有着一定的参考价值,现在分享给大家,有需要的朋友可以参考一下
写在最前遗漏的知识点:addeventlistener的第二个参数不光可以传入一个函数,还可以传入一个实现了eventlistener 接口的对象。
文档中的描述listener当所监听的事件类型触发时,会接收到一个事件通知(实现了 event 接口的对象)对象。listener 必须是一个实现了 eventlistener 接口的对象,或者是一个函数
摘自mdn
我一直都是在listener中传入一个函数,通过监听事件发生来实现一些逻辑。然而看到文档描述中先提到了“一个实现了eventlistener接口的对象”通过进一步查看文档了解到,这个对象指的就是一个含有handleevent方法的对象。
var obj = {   // ...    handleevent: function(event) {        // ...        console.log('event', event)    }}document.body.addeventlistener('click', obj, false)
当eventlistener所注册的事件发生时,该方法就会被调用,同时会有一个event参数传入到方法中。
了解了概念之后就要看这个知识点能为实际开发带来什么好处了
开发中的应用举个
以上就是addeventlistener中的eventlistener的接口对象的详细内容。
其它类似信息

推荐信息