Of the two ways to add click events to a button object, why does one use onclick, and the other uses click?

<button id="btn"></button>
button:
1:
  var btn = document.getElementById("btn");
  btn.onclick = function(){
      alert("HelloWorld");
  }
2:
  function hello() {
      alert("addEventListener()");
  }

  var btn = document.getElementById("btn");
  btn.addEventListener("click", hello, false);

when these two methods add click events to button objects, why does one use onclick and the other uses click ?

Html5 javascript
Aug.17,2021

Hello, landlord! You can refer to this article, Portal . Hope to be helpful to you ~

you call addEventListener to know that you are adding an event
but btn.click = function () {} , how do you know it is an event? Or a normal attribute?
add on to know that it is an event

addEventListener ('click') = onclick

because one is DOM0-level event handling and the other is DOM2-level event handling. About the dom event level, it is mentioned in the Red Treasure Book. You can also take a look at this article: https://blog.csdn.net/secret5.

.

Previous: What is non-standard (non-standard) in Javscript api?

Next: Angular4 failed to send http request

css mysql arrays josn react html typescript webpack npm sass R objective-c .net sql-server jquery python-3.x angularjs django angular excel regex iphone ajax linux xml pandas vba spring database wordpress string wpf xcode windows bash postgresql oracle multithreading eclipse list firebase algorithm macos forms image scala visual-studio azure bootstrap spring-boot react-native python-2.7 docker performance function winforms matlab powershell apache dataframe api sqlite numpy rest shell selenium flutter dart maven loops qt swing android-studio csv express file class tensorflow sorting codeigniter perl
© 2021 CodesHelper
Advertising Contact us About us
Menu