<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www./TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www./1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>事件冒泡</title> <script type="text/javascript" src="jquery-1.8.1.js"></script> <script type="text/javascript">
</script>
<style type="text/css"> #div1 { border:1px solid #F00; padding:5px; width:200px; height:200px; } #div1 #div2 { border:1px solid #F00; width:180px; height:100px; } #div1 #div2 #span { border:1px solid #F00; margin:5px; display:block; } </style> </head>
<body> <div id="div1" onclick="alert('div1被点击了。')">这是最外层的div。 <div id='div2' onclick="alert('div2被点击了。')"> 这是第二层的div。 <span id="span" onclick="alert('span被点击了。')">这是span</span> </div> </div> </body> </html>
|