jQuery如何阻止子元素繼承父元素事件?

2022-03-18 13:50:26 字數 961 閱讀 3209

b>

a>

$("a").click(...);

這種繫結的話,b也會響應一次事件,如何只對a元素繫結事件,而不對子元素繫結呢?即b被click之後自己並不觸發**函式,而是把事件傳遞給a。

我現在的做法是:直接在a上寫,這樣b就不會把自己作為event.target觸發**了.

--- 更新 ----

大家可能對我的意思有誤解,我不是要阻止事件冒泡,恰恰相反,我是要b在接受到click事件的時候直接把事件向上傳遞給a,就像我在**裡面指定的那樣

---- 再次更新 ---

**是這樣的

$('a').click(function(evt));

這時候,如果點選了b, 那麼b會被加上btn-primary這個class,但是我想點選了b,也只是給a新增 這個class,希望處理事件的物件是a,不是b

你是希望阻止這種冒泡還是什麼呢?或者題主可以直接貼**,再寫需求。:)

你可以實現這麼幾個需求:

1.阻止事件冒泡,但不阻止預設行為。如stoppropagation或樓上用的cancelbubble等。

2.阻止預設行為,但不阻止事件冒泡。如preventdefault方法。

3.同時阻止事件冒泡和預設行為。直接return false即可。

給b新增乙個事件,裡面禁止事件冒泡就行了 (這樣也能消除父級對子級的影響)-->e.cancelbubble = true;

eg :

function f1(e)

function f2(e)

script>

head>

clickmea>

div>

body>

jQuery如何獲取子元素

jquery獲取子元素的方式有兩種 find 和children 但二者有差異,下面看看二者的差異 1.children 方法 獲取該元素下的直接子集元素 2.find 方法 獲取該元素下的所有子集元素 list2 list3 3 children 方法獲取最外層ul下面直接子集元素li ul ch...

css子元素繼承父元素屬性

樣例 ant design form表單中label樣式的修改 css屬性繼承 文字 color 顏色,a元素除外 direction 方向 font 字型 font family 字型系列 font size 字型大小 font style 用於設定斜體 font variant 用於設定小型大寫...

jQuery查詢子元素與後代元素

子元素 children 方法 返回返回被選元素的所有直接子元素。children 選擇器 如選擇type為file的子元素 this children input type file 或者 p s 後代元素 find 方法 獲得當前元素集合中每個元素的後代,通過選擇器 jquery 物件或元素來篩...