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

Question

为什么事件有on前缀，比如onclick，例如:

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

在W3Schools上，它明确指出onclick是一个事件，下面是截图:

但是在 MDN 上，它说 click 是事件。

所以我的问题是:

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

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

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

  为什么不喜欢这样呢？

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

Answer 1

which one is the true event, onclick or click?

click是事件的名称

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

“on”在“Indicating the day or part of a day during which an event takes place”的意义上使用。:在事件发生时，函数被调用。

why it is not

button.addEventListener('onclick',

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

此外，一些元素有方法，如 click() 和 focus() 可以让事情发生。如果事件处理程序属性具有相同的名称，则会发生名称冲突。