天天看點

IE浏覽器的事件冒泡機制

涓€ 浠嬬粛 1銆佸綋娴忚鑰呭湪椤甸潰涓婃墽琛屼簡鏌愪釜鍔ㄤ綔锛岄〉闈笂瀹為檯涓婃湁澶氫釜鍏冪礌鍙互鍝嶅簲璇ヤ簨浠訛紝鍋囧鍗曟満椤甸潰鐨勬煇涓寜閽紝璇ユ寜閽張澶勪簬<div>鍏冪礌涔嬪唴锛屽垯瀹為檯涓婄敤鎴鋒棦鍗曟満浜嗚鎸夐挳锛屼篃鍗曞嚮浜?lt;div>鍏冪礌銆? 2銆両E涓殑浜嬩歡浼犻€掓柟鍚戞槸浠庝簨浠跺彂鐢熺殑瀵矽薄寮€濮嬶紝鐒跺悗渚濇鍚戣瀵矽薄鎵€鍦ㄧ殑鐖惰妭鐐逛紶閫掋€傝繖绉嶄紶閫掓柟寮忔槸浠庝笅鍚戜笂浼犻€掔殑锛屽洜姝よ繖绉嶄簨浠剁殑浼犻€掓満鍒跺張绉頒負鍐掓場銆? 3銆佷笅闈㈠簲鐢ㄨ鏄庝簡杩欑鏈哄埗鐨勭敤娉? 聽 浜?鍐掓場鏈哄埗浠g爜

<!DOCTYPE html>
<html>
<head>
	<meta name="author" content="Yeeku.H.Lee(CrazyIt.org)" />
	<meta http-equiv="Content-Type" content="text/html; charset=GBK" />
	<title> Internet Explorer浜嬩歡鍐掓場鏈哄埗 </title>
</head>
<body 慰nclick="gotClick('body鍏冪礌');">
	<table 慰nclick="gotClick('table鍏冪礌');">
		<tr 慰nclick="gotClick('tr鍏冪礌');">
			<td 慰nclick="gotClick('td鍏冪礌');">
				<p 慰nclick="gotClick('p鍏冪礌');">
					<input type="button" value="鍗曞嚮鎴? 
						慰nclick="gotClick('鎸夐挳');" />
				</p>
			</td>
		</tr>
	</table>
	<hr/>
	<div id="results"></div>
	<script type="text/javascript">
		var gotClick = function(who) 
		{
			document.getElementById("results").innerHTML
				+= who + " 琚崟鍑諱簡 <br />";
		}
	</script>
</body>
</html>      

聽 聽 涓?鍐掓場鏈哄埗浠g爜杩愯缁撴灉

IE浏覽器的事件冒泡機制

聽 聽 鍥?闃繪鍐掓場鏈哄埗浠g爜

<!DOCTYPE html>
<html>
<head>
	<meta name="author" content="Yeeku.H.Lee(CrazyIt.org)" />
	<meta http-equiv="Content-Type" content="text/html; charset=GBK" />
	<title> Internet Explorer浜嬩歡鍐掓場鏈哄埗 </title>
</head>
<body 慰nclick="gotClick('body鍏冪礌');">
	<table 慰nclick="gotClick('table鍏冪礌');">
		<tr 慰nclick="gotClick('tr鍏冪礌');">
			<td 慰nclick="gotClick('td鍏冪礌');">
				<p 慰nclick="gotClick('p鍏冪礌');">
					<input type="button" value="鍗曞嚮鎴? 
						慰nclick="gotClick('鎸夐挳'); event.cancelBubble=true;" />
				</p>
			</td>
		</tr>
	</table>
	<hr/>
	<div id="results"></div>
	<script type="text/javascript">
		var gotClick = function(who) 
		{
			document.getElementById("results").innerHTML
				+= who + " 琚崟鍑諱簡 <br />";
		}
	</script>
</body>
</html>      

聽 聽 浜?闃繪鍐掓場鏈哄埗浠g爜杩愯缁撴灉

IE浏覽器的事件冒泡機制

繼續閱讀