dom事件

常见的HTML事件包括：

使用javascript绑定一个点击事件

var x = document.getElementById("demo");
x.onclick = function () {
  document.getElementById("date").innerHTML = new Date();
}

事件监听

添加事件监听：addEventListener() 方法

• 将事件处理程序附加到元素，而不会覆盖现有的事件处理程序。您可以向一个元素添加许多事件处理程序。
• 您还可以将许多同一类型的事件处理程序添加到一个元素，即两个“点击”事件。

element.addEventListener(event, function [, useCapture]);
第一个参数是事件的类型（如“click”或“mouseover”）。
第二个参数是事件发生时要调用的函数。
第三个参数是一个布尔值，指定是否使用事件冒泡或事件捕获。此参数是可选的，将在下一课中进行说明。
提示:在添加事件类型的时候没有on, 用的是 click 而不是 onclick

eg:

element.addEventListener("click", myFunction);
element.addEventListener("mouseover", myFunction);

function myFunction() {
  alert("Hello W3Cschool");
}

**删除事件监听： removeEventListener **

element.removeEventListener("mouseover", myFunction);

eg:

<button id="demo">开始</button>
<script>
var btn = document.getElementById("demo");
btn.addEventListener("click", myFunction);
function myFunction() {
  alert(Math.random());
  btn.removeEventListener("click", myFunction);
}
</script>