jQuery阻止事件冒泡實例代碼:關於事件冒泡的定義這裡就不介紹了,具體可以參閱什麼是jquery事件冒泡一章節。下麵直接給出一段阻止事件冒泡的實例代碼,直接參考一下就可以了,代碼如下:事件冒泡-螞蟻i部落 點擊查看效果 以上代碼可以阻止事件冒泡效果,代碼非常的簡單,這裡就不多介紹了。相關閱讀:.....
jQuery阻止事件冒泡實例代碼:
關於事件冒泡的定義這裡就不介紹了,具體可以參閱什麼是jquery事件冒泡一章節。下麵直接給出一段阻止事件冒泡的實例代碼,直接參考一下就可以了,代碼如下:
<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>事件冒泡-螞蟻i部落</title> <script type="text/javascript" src="http://www.softwhy.com/mytest/jQuery/jquery-1.8.3.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("#third").click(function(e){ alert("我是third"); e.stopPropagation(); }) $("#second").click(function(){ alert("我是second"); }) $("#first").click(function(){ alert("我是first"); }) }) </script> </head> <body> <div id="first"> <div id="second"> <a id="third" href="http://www.softwhy.com">點擊查看效果</a> </div> </div> </body> </html>
以上代碼可以阻止事件冒泡效果,代碼非常的簡單,這裡就不多介紹了。
相關閱讀:
1.stopPropagation()函數可以參閱jQuery的event.stopPropagation()方法一章節。
2.阻止事件冒泡可以參閱如何阻止jQuery事件冒泡現象一章節。
3.原生javascript如何阻止事件冒泡可以參閱javascript如何阻止事件冒泡一章節。
原文地址是:http://www.softwhy.com/forum.php?mod=viewthread&tid=9491
更多內容可以參閱:http://www.softwhy.com/jquery/