溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <html>
- <head>
- <meta http-equiv="content-type" content="text/html;charset=UTF-8" />
- <title></title>
- <style type="text/css">
- #wrap{
- width:500px;
- height:400px;
- pink; < /span>
- }
- #center{
- width:300px;
- height:300px;
- red; < /span>
- }
- #inner{
- width:100px;
- height:100px;
- background:#fff;
- }
- </style>
- <script type="text/javascript" src="jquery-1.7.2.min.js"></script>
- <script type="text/javascript">
- $(function(){
- $("#wrap").click(function(){
- alert("我是最外層");
- });
- $("#center").click(function(aaa){//傳一個參數，這個參數不僅可以是event，也可以是其他的，參數可以自定義
- alert("我是中間層");
- aaa.stopPropagation();//給這個參數一個stopPropagation()方法，這樣就可以阻止冒泡了
- });
- $("#inner").click(function(){
- alert("我是最里層");
- return false;//直接用return false代替aaa.stopPropagation()也可以阻止冒泡
- })
- })
- </script>
- </head>
- <body>
- <div id="wrap">我是最外層
- <div id="center">我是中間層
- <div id="inner">我是最里層</div>
- </div>
- </div>
- </body>
- </html>
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
