jQuery阻止事件冒泡例項程式碼
關於事件冒泡的定義這裡就不介紹了,具體可以參閱什麼是jquery事件冒泡一章節。
下面直接給出一段阻止事件冒泡的例項程式碼,直接參考一下就可以了,程式碼如下:
[HTML] 純文字檢視 複製程式碼<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>事件冒泡-螞蟻i部落</title> <script src="http://libs.baidu.com/jquery/1.9.0/jquery.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>
以上程式碼可以阻止事件冒泡效果,程式碼非常的簡單,這裡就不多介紹了。
相關閱讀:
stopPropagation()參閱jQuery event.stopPropagation()一章節。
相關文章
- jQuery阻止事件冒泡程式碼例項jQuery事件
- 阻止jquery事件冒泡程式碼例項jQuery事件
- jQuery阻止事件冒泡現象程式碼例項jQuery事件
- JavaScript 阻止事件冒泡程式碼例項JavaScript事件
- js阻止事件冒泡例項程式碼JS事件
- jQuery事件冒泡程式碼例項jQuery事件
- 前端學習程式碼例項-JavaScript阻止事件冒泡前端JavaScript事件
- jquery阻止事件冒泡jQuery事件
- jQuery如何阻止事件冒泡jQuery事件
- javascript阻止事件冒泡程式碼JavaScript事件
- jQuery阻止事件冒泡和預設行為程式碼jQuery事件
- jQuery阻止事件冒泡簡單介紹jQuery事件
- JavaScript阻止事件冒泡JavaScript事件
- 相容所有瀏覽器的阻止事件冒泡程式碼瀏覽器事件
- stopPropagation() 阻止事件冒泡事件
- 相容所有瀏覽器的阻止事件冒泡js程式碼瀏覽器事件JS
- javascript事件冒泡簡單例項JavaScript事件單例
- jQuery點選回車事件程式碼例項jQuery事件
- jquery自定義事件簡單例項程式碼jQuery事件單例
- 原生js如何阻止事件冒泡JS事件
- jQuery 事件冒泡jQuery事件
- jQuery is() 程式碼例項jQuery
- jquery的冒泡事件jQuery事件
- 阻止冒泡和阻止預設事件的相容寫法事件
- JavaScript事件冒泡、事件捕獲和阻止預設事件JavaScript事件
- 相容低版本IE瀏覽器的阻止事件冒泡效果程式碼瀏覽器事件
- jQuery選項卡例項程式碼jQuery
- JQuery6:事件冒泡jQuery事件
- jQuery模擬實現滑鼠點選事件程式碼例項jQuery事件
- jQuery操作cookie程式碼例項jQueryCookie
- jQuery 動畫效果程式碼例項jQuery動畫
- 什麼是jquery事件冒泡jQuery事件
- jquery 驗證碼效果程式碼例項jQuery
- js監聽鍵盤事件程式碼例項例項JS事件
- 原生javascript的return false並不能阻止事件冒泡JavaScriptFalse事件
- JavaScript阻止冒泡和取消事件預設行為JavaScript事件
- jQuery.map()方法程式碼例項jQuery
- jquery tip外掛程式碼例項jQuery