为button对象添加点击事件的两种方法中,为什么一个使用onclick，而另一个却使用click呢?

Question

<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);

这两种方法为button对象添加点击事件时,为什么一个用的是onclick，而另一个用的却是click呢?

Answer 1

楼主，你好！可以参考下这篇文章，传送门。希望对你有所帮助~

Answer 2

你调用addEventListener知道是添加事件
但是btn.click = function(){},你怎么知道这是事件？还是普通属性？
加了on就知道是事件了啊

addEventListener('click')=onclick

Answer 3

因为一个是DOM0级事件处理的方式，另一个是DOM2级事件处理的方式。关于dom事件级别，红宝书上有讲到，也可以看看这篇文章: https://blog.csdn.net/secret5...