標籤：style blog http color java io art cti
<html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>jQuery - Start Animation</title> <script type="text/javascript" src="js/jquery/jquery-1.7.2.min.js"></script> <script type="text/javascript"> $(function () { $("div").css({ border: "1px solid red" }); $("#div1").css({ height: "500px", width: "500px" }); $("#div2").css({ height: "300px", width: "300px" }); $("#div3").css({ height: "100px", width: "100px" }); }); </script> </head> <body> <div id="div1"> <a href="#" onclick="click_one(event);">測試冒泡</a> <div id="div2" onclick="click_two(event);"> <div id="div3" onclick="click_thi(event);"> </div> </div> </div> </body> <script type="text/javascript"> function click_one(event) { event.stopPropagation(); alert("div1"); } function click_two(event) { event.stopPropagation(); alert("div2"); } function click_thi(event) { event.stopPropagation(); alert("div3"); }</script></html>
注意：
1. Firefox瀏覽器必須傳遞event參數
2. a標籤的<href="javascript:click_one(event);">寫法不能傳遞event對象，只有onclick才正常！
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
