jq的ie8兼容 - namebo/blog GitHub Wiki

一：js的ie8兼容

如果使用jquery必须使用1.2.0之前的版本。在ie8中不兼容addEventListener这样绑定事件的方法，要使用attachEvent方法。但是attachEvent方法中的this指向window，不像addEventListener中的this是指向当前的节点。如下实例代码：

var test = document.getElementById('test');
test.addEventListener('click',function(){
	console.log(this)
});
test.attachEvent('onclick',function(){
	console.log(this)
});

二：jquery的事件冒泡：

什么是JS事件冒泡？在一个对象上触发某类事件（比如单击onclick事件），如果此对象定义了此事件的处理程序，那么此事件就会调用这个处理程序，如果没有定义此事件处理程序或者事件返回true，那么这个事件会向这个对象的父级对象传播，从里到外，直至它被处理（父级对象所有同类事件都将被激活），或者它到达了对象层次的最顶层，即document对象（有些浏览器是window）。

<form id="form1"runat="server">
	<div id="divOne"onclick="alert('我是最外层');">
   	<div id="divTwo"onclick="alert('我是中间层！')">
      	<a id="hr_three"href="http://www.baidu.com"mce_href="http://www.baidu.com"onclick="alert('我是最里层！')">点击我</a>
      </div>
   </div>
</form>

如何阻止？

$(function(){ 
	$("#hr_three").click(function(event){ 
		//event.stopPropagation();//阻止事件的冒泡，但不会阻止默认的行为
        event.preventDefault();//不阻止事件的冒泡，阻止默认行为
		//return false;//阻止事件的冒泡，也阻止默认行为
	}); 
});

三：jquery对事件的封装，使事件的参数会与原生的不同。

jq的ie8兼容 - namebo/blog GitHub Wiki

⚠️ **GitHub.com Fallback** ⚠️

⚠️ GitHub.com Fallback ⚠️