JS之JavaScript 中的事件（下）

• 事件兼容

1 . 事件绑定
事件绑定通过addEventListener（）注册事件处理程序

事件绑定的语法

event . addEventListener(事件类型,调用的 函数, 布尔类型（可选）);
注 ： 不要有使用on前缀的参数

通过 addEventListener（添加点击事件监听器）形式的绑定事件不
会互相抵消，且可以实现一个按钮控制多个事件。

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

3 . 获取事件对象

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

body主体代码：
<input type="button" value="这是个按钮" id="btn1" />

常用鼠标键盘事件在此链接地址有详细介绍，这里就不多做介绍了。
链接地址
4 . 阻止冒泡
使用stopPropagation（）阻止冒泡

在事件中阻止冒泡通常使用以下代码结构进行

window.onload=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.onload=function(){
				var a_01=document.getElementById('a');
				a_01.addEventListener('click',function(event){
					event.preventDefault();
				})

---

• 事件闭包

1.事件闭包的理解
闭包是指有权限访问另一个函数作用域中的变量的函数。在 javaScript 语言中，闭包就是函数和该函数作用域的组合。

2 . 变量
Javascript 特殊的变量的作用域有两种：
(1) . 全局变量
(2) . 局部变量
定义在函数内部的就是局部变量，定义在函数外部的就是全局变量

---

当函数 a 的内部函数 b 被函数 a 外的一个变量引用的时候，就创建
了一个闭包。