亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

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

 更新時(shí)間：2016年10月19日 09:11:09   作者：薛彬  
在之前做項(xiàng)目的時(shí)候經(jīng)常會(huì)在主頁面上點(diǎn)擊某個(gè)按鈕，右側(cè)彈出一個(gè)div輸出對應(yīng)內(nèi)容的詳細(xì)信息，怎么實(shí)現(xiàn)的呢，今天小編給大家分享通過jquery實(shí)現(xiàn)點(diǎn)擊任意位置彈出層外關(guān)閉彈出層效果，感興趣的朋友一起看看吧

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

找到鼠標(biāo)點(diǎn)擊的那個(gè)元素

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

如果不是就對彈出層進(jìn)行hide，如果是就不進(jìn)行任何操作

具體實(shí)現(xiàn)

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

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

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

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

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

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

$(e.target)

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

parent()

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

以上所述是小編給大家介紹的jQuery實(shí)現(xiàn)點(diǎn)擊任意位置彈出層外關(guān)閉彈出層效果，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！

相關(guān)文章

最新評論