javascript - JS中，如果元素A addEvevtListener了click事件，A['click']()会触发click，是什么原理？

问题描述

问 题

同事在研究一个问题，他对元素A进行了两种方法绑定click，一个是onclick，一个是addEventListener，打了断点可以看到：
A.onclick => 打印 onClick，
A['click'] => 打印 click

我的疑问是，打断点的时候看不到A['click']这种对象，按照这个写法其实click属性还是在A对象里面的，但是为什么打断点的时候看不到呢？

解决方案

click属性是继承自HTMLElement
打断点的时候你点开当前元素的__proto__ 然后再点开__proto__ 就会发现click属性

如果一个对象本身没有这个属性，那么很可能是继承过来的，试着在原型链上找找看

这篇关于javascript - JS中，如果元素A addEvevtListener了click事件，A['click']()会触发click，是什么原理？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！