为什么事件在HTML中具有“ on”前缀？

Question

为什么事件具有on前缀，onclick例如：

<button onclick="displayDate()">The time is?</button>

在W3Schools上，它清楚地指出onclick是事件，下面是屏幕截图：

但是，在MDN上，这click就是事件。

所以我的问题是：

• 哪个是真实事件，onclick还是click？

• 为什么我们要onclick在HTML中使用，而click在JavaScript中这样使用？

  button.addEventListener('click', event => {
   ...;
  });
  

  为什么不这样呢？

  button.addEventListener('onclick', event => {
   ...;
  });
  

Answer 1

真正的事件是onclick还是click？

click 是事件的名称

onclick 是您为其分配一个函数的属性（和HTML属性）的名称，该函数将在触发事件时被调用

“开”的含义是“ 指示事件发生的一天或一天​​的一部分。”：事件发生时，将调用该函数。

为什么不是

button.addEventListener('onclick',

“何时触发事件”的含义由“ addEventListener”传达，因此不需要通过说“ on”再次传达。

另外，某些元素具有类似click()和focus()使事情发生的方法。如果事件处理程序属性具有相同的名称，则会发生名称冲突。