JS之JavaScript 中的事件（下）

• 事件兼容

1 . 事件綁定
事件綁定通過addEventListener（）註冊事件處理程序

事件綁定的語法

event . addEventListener(事件類型,調用的 函數, 布爾類型（可選）);
注 ： 不要有使用on前綴的參數

通過 addEventListener（添加點擊事件監聽器）形式的綁定事件不
會互相抵消，且可以實現一個按鈕控制多個事件。

2 . 事件移除
使用removeEventListener（）移除事件

3 . 獲取事件對象

js部分代碼：
window.function(){
				var btn1=document.getElementById('btn1');
				btn1.function(ev){  
					if(window.event){
						ev=window.event;
					}
					console.log(ev);
				}
			}

body主體代碼：
<input type="button" value="這是個按鈕" id="btn1" />

常用鼠標鍵盤事件在此鏈接地址有詳細介紹，這裏就不多做介紹了。
鏈接地址
4 . 阻止冒泡
使用stopPropagation（）阻止冒泡

在事件中阻止冒泡通常使用以下代碼結構進行

window.function(){
				var box1=document.getElementById('box1');
				var box2=document.getElementById('box2');

				box1.addEventListener('click',function(event){
					alert('點擊了最外層的div');
					event.stopPropagation();
				});
				box2.addEventListener('click',function(event){
					alert('點擊了第二個div');
					event.stopPropagation();  
				})
			}

5 . 阻止默認
使用preventDefault()阻止默認，作用是取消
一個目標元素的默認行爲。

在事件中阻止默認通常使用以下代碼結構進行

window.function(){
				var a_01=document.getElementById('a');
				a_01.addEventListener('click',function(event){
					event.preventDefault();
				})

---

• 事件閉包

1.事件閉包的理解
閉包是指有權限訪問另一個函數作用域中的變量的函數。在 javaScript 語言中，閉包就是函數和該函數作用域的組合。

2 . 變量
Javascript 特殊的變量的作用域有兩種：
(1) . 全局變量
(2) . 局部變量
定義在函數內部的就是局部變量，定義在函數外部的就是全局變量

---

當函數 a 的內部函數 b 被函數 a 外的一個變量引用的時候，就創建
了一個閉包。