div巢狀點選事件,div巢狀點選阻止冒泡

2022-06-11 06:27:12 字數 665 閱讀 5747

頁面中巢狀的兩個div都存在點選事件,當點選內部div阻止外部div點選事件的發生;

需要注意的一點,在實際的頁面中可能中間有多層巢狀關係,像下圖,在div1和div2中間可能還會有幾層巢狀關係,這就不一定非要在要點選的子元素div2上加監聽事件,可以再往上取一級或多級,只要在條件的div1元素下就可以,具體因需要而定。

1.正常的情況下使用

$("#div2

").click(function(e)); //

2.動態監聽

$("#div2

").live('

click

',function(e),false);

document.getelementbyid('

#div2

').addeventlistener('

click

',function(e),false);

//

在子級標籤新增屬性

onclick="

event.cancelbubble = true

"

div巢狀居中

div巢狀居中解決辦法firefox火狐和ie div,巢狀劇中,firefox,火狐,ie 今天遇到到個問題就是div中巢狀div在火狐下面不能居中問題 其實問題很簡單 就是我希望父層div下面的內容可以居中顯示,其中包括div div style text align center width ...

CSS 巢狀DIV布局

巢狀div布局,會牽扯到css的position屬性 如果內層div將position屬性設定為absolute,並設定left,和top等屬性,還需要考慮外層div的position屬性設定。absolute absolute絕對定位,直接指定top left right bottom。有意思的是...

DIV布局之道二 DIV塊的巢狀,DIV盒子模型

本文講解div塊布局的第二種使用方式 巢狀。div巢狀 在有些文獻中也被稱為 盒子模型 說的通俗一點就是巢狀 乙個大的div塊內部又包含乙個或多個div塊 請看如下 css部分 css code 複製內容到剪貼簿 巢狀樣式 contain inner contain html部分 xml html ...