jQuery阻止事件冒泡簡單介紹
下面首先簡單介紹一下什麼是事件冒泡,所謂冒泡就是事件能夠像水泡一下能夠從底層元素像高層元素傳遞。
看下面程式碼:
[HTML] 純文字檢視 複製程式碼<div id="box"> <div id="inner"><a href="#">螞蟻部落</a></div> </div>
當我們點選連結的時候,能夠觸發點選事件,這個事件不僅僅會在當前連結上觸發,還會傳遞到它的父級元素。
在很多情況下事件冒泡是一件好事情,但是有時候也是壞事情,下面就介紹一下jQuery如何阻止事件冒泡。
程式碼如下:
[JavaScript] 純文字檢視 複製程式碼$("a").click(function(event){ event.stopPropagation(); //code })
使用stopPropagation()即可實現阻止事件冒泡顯現。
相關文章
- jquery阻止事件冒泡jQuery事件
- jQuery如何阻止事件冒泡jQuery事件
- jQuery自定義事件簡單介紹jQuery事件
- jQuery阻止事件冒泡程式碼例項jQuery事件
- 阻止jquery事件冒泡程式碼例項jQuery事件
- jQuery阻止事件冒泡例項程式碼jQuery事件
- jQuery滑鼠雙擊事件簡單介紹jQuery事件
- JavaScript阻止事件冒泡JavaScript事件
- jQuery事件名稱空間簡單介紹jQuery事件
- jQuery阻止事件冒泡現象程式碼例項jQuery事件
- jquery事件物件event常用屬性簡單介紹jQuery事件物件
- jquery自定義事件的使用方式簡單介紹jQuery事件
- jQuery阻止事件冒泡和預設行為程式碼jQuery事件
- stopPropagation() 阻止事件冒泡事件
- js如何阻止表單提交簡單介紹JS
- 原生js如何阻止事件冒泡JS事件
- javascript阻止事件冒泡程式碼JavaScript事件
- jQuery 事件冒泡jQuery事件
- jQuery Validate簡單介紹jQuery
- jQuery filter() 用法簡單介紹jQueryFilter
- onerror事件用法簡單介紹Error事件
- invalid事件簡單介紹事件
- onreadystatechange事件簡單介紹事件
- jquery的冒泡事件jQuery事件
- javascript事件冒泡簡單例項JavaScript事件單例
- 阻止冒泡和阻止預設事件的相容寫法事件
- JavaScript事件冒泡、事件捕獲和阻止預設事件JavaScript事件
- jquery動畫佇列簡單介紹jQuery動畫佇列
- Query鍵盤事件簡單介紹事件
- JavaScript 阻止事件冒泡程式碼例項JavaScript事件
- js阻止事件冒泡例項程式碼JS事件
- JQuery6:事件冒泡jQuery事件
- form表單的onSubmit事件簡單介紹ORMMIT事件
- 自定義jquery外掛簡單介紹jQuery
- jQuery自定義外掛簡單介紹jQuery
- jQuery建構函式簡單介紹jQuery函式
- jQuery外掛製作簡單介紹jQuery
- window.onunload事件簡單介紹事件