JavaScript菜鸟教程笔记

闭包  

    闭包是可访问上一层函数作用域里变量的函数，即便上一层函数已经关闭。例：

var add = (function () {
   
var counter = 0;
   
return function () {return counter += 1;}
   
})();

function myFunction(){
   
document.getElementById("demo").innerHTML = add();

}

监听事件

    addEventListener() 方法添加的事件句柄不会覆盖已存在的事件句柄。

     addEventListener() 方法可以更简单的控制事件（冒泡与捕获）。

 
   removeEventListener() 方法来移除事件的监听。

 
  语法：element.addEventListener(event,
function, useCapture);

第一个参数是事件的类型 (如 "click" 或 "mousedown").

第二个参数是事件触发后调用的函数。

第三个参数是个布尔值用于描述事件是冒泡还是捕获。该参数是可选的。

      注意：不要使用 "on" 前缀。 例如，使用 "click" ,而不是使用 "onclick"

      例：

<p>实例使用 addEventListener() 方法在同一个按钮中添加多个事件。</p>

<button id="myBtn">点我</button>

<p id="demo"></p>

<script>

var x = document.getElementById("myBtn");

x.addEventListener("mouseover", myFunction);

x.addEventListener("click", mySecondFunction);

x.addEventListener("mouseout", myThirdFunction);

function myFunction() {

    document.getElementById("demo").innerHTML += "Moused over!<br>"

}

function mySecondFunction() {

    document.getElementById("demo").innerHTML += "Clicked!<br>"

}

function myThirdFunction() {

    document.getElementById("demo").innerHTML += "Moused out!<br>"

}