jQuery實現(xiàn)點擊任意位置彈出層外關(guān)閉彈出層效果

來源：九壹網(wǎng)

在之前做項目的時候經(jīng)常會在主頁面上點擊某個按鈕，右側(cè)彈出一個div輸出對應(yīng)內(nèi)容的詳細信息。此時，我是希望在鼠標(biāo)點擊彈出層外的時候關(guān)閉該彈出層，主要思想就是：

找到鼠標(biāo)點擊的那個元素

判斷這個元素是否在指定區(qū)域內(nèi)，其實就是判斷它的父元素是不是彈出層

如果不是就對彈出層進行hide，如果是就不進行任何操作

具體實現(xiàn)

該代碼需要使用jQuery,代碼如下：

$(document).mousedown(function(e){
if($(e.target).parent("#info").length==0){
$("#info").hide();
}
})
$(document).mousedown(function(e){})

$(document)就是獲取整個網(wǎng)頁文檔對象，類似于原生的window.ducument

mousedown是鼠標(biāo)事件，是指當(dāng)鼠標(biāo)指針移動到元素上方并按下鼠標(biāo)按鍵時，類似的事件還有：

mouseup:當(dāng)在元素上放松鼠標(biāo)按鈕時

mouseover：當(dāng)鼠標(biāo)指針位于元素上方時

$(e.target)

$(e.target)表示獲取點擊事件的元素。

parent()

$(e.target).parent("#info").length是獲取當(dāng)前點擊事件元素帶有id為info的父元素。

成熟丰满熟妇高潮XXXXX,人妻无码AV中文系列久久兔费 ,国产精品一国产精品,国精品午夜福利视频不卡麻豆