document.body.onclick = function() { return "Click"; };
我得到函数(){return“点击”;当我运行document.body.onclick时.那讲得通！但是当我跑步的时候
document.body.addEventListener("click",function() { return "Click"; });
document.body.onclick仍为null,但在运行document.body.click()时输出为“Click”.
所以我的问题是,使用addEventListener时存储的函数在哪里？
解决方法
元素的事件侦听器中包含一系列函数引用.这些引用不在DOM中.触发事件时,浏览器必须运行所有相应的元素,以查找这些引用并按顺序运行它们.
无论如何……在DOM没有看到的背景中有很多事情发生.整个事件系统就是其中之一.好吧,整个Javascript引擎本质上和当前加载页面的大对象树,都存储在神秘的内存中.通常使用文档和窗口接口访问它们,就像DOM一样.但正确注册的事件将存储在存储在内存中的大对象树中,这与DOM不同.只是密切相关.我将DOM视为这个大对象树和HTML本身之间的接口或中间人.
继续… onclick仅限于一个值或只是坐在DOM中的单个javascript字符串.实际上没有注册.所以,不是一个真正的事件监听器.在这里,DOM有点像垫片,因为它支持onclick字符串作为事件运行.因此,当触发事件时,此字符串也会运行.通过浏览器,在合适的时间,神秘.在一个回合的方式中,可以说这是DOM通常所做的一部分,它从HTML中填充所有内嵌文本,以便它可以通过文档访问.但通常,它们只是存储为字符串而不是树中的实际对象.这可能是DOM如此蓬勃发展的众多原因之一.
而addEventListenener实际上将其注册为真实事件,因此您可以：
>有倍数
>将它们作为对象访问
>随意添加和删除它们
>选择事件传播方案
>在运行时控制事件传播本身
>首次运行后,事件会自动删除
……以及其他一些功能.
对于同一事件,它们都是两种不同的事件监听器.一个是使用addEventListener时的完整事件监听器.另一个是坐在DOM中的一串文本,浏览器将“在正确的时间”运行,但不是实际的完整事件监听器.
这个问题可能会有所启发…… addEventListener vs onclick
