首页 > JS中,如果元素A addEvevtListener了click事件,A['click']()会触发click,是什么原理?

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属性

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


A['click']A.click等价

【热门文章】
【热门文章】