阻止默认行为和阻止事件传播

08820170930 / 08920170930

1、阻止默认行为

   
   

<script>
window.onload = function() {
	var link = document.getElementById("a_tiger");
	//var link = document.getElementsByTagName("a")[0];
	// 参数1 e表示事件的对象
	link.onclick = function(e) {
		if(e && e.preventDefault) {
			e.preventDefault();
			alert("w3c");
		} else {
			window.event.returnValue = false;
			alert("ie");
		}
	}; // end onclick
}; // end onload
</script>





   
   
百度

2、阻止事件传播

    
    
 
<script>
window.onload = function() {
	// 按钮的点击事件
	var btn = document.getElementsByTagName("input")[0];
	btn.onclick = function(e) {
		alert("btn click");
		if(e && e.stopPropagation) {
			e.stopPropagation();
		} else {
			window.event.cancelBubble = true;
		}
	};
	// div的点击事件
	var div = document.getElementById("div1");
	div.onclick = function() {
		alert("div click");
	};
	// a的点击事件
	var link = document.getElementsByTagName("a")[0];
/*	link.onclick = function(e) {
		alert("link click");
		if(e && e.stopPropagation) {
			e.stopPropagation();
		} else {
			window.event.cancelBubble = true;
		}
	};*/
	link.onclick = function(e) {
		//PS:如果需要同时阻止事件的默认行为和阻止事件的传播。可以在事件函数中简单写上
		alert("link click");
		return false;
	};
	
}; // end onload 
</script>




    
    

  
     
     
  
     
     
  
     
     a测试