1. 程式人生 > >點擊出現蒙層,然後點擊空白地方蒙層消失(阻止冒泡)

點擊出現蒙層,然後點擊空白地方蒙層消失(阻止冒泡)

ppr 冒泡 return .com 如果 ati log png images

技術分享

要做一個這樣的蒙層很簡單。要實現點擊空白地方蒙層消失的時候要註意

$(觸發蒙層對象).click(function(e){

  e.stopPropagation(); //這裏阻止冒泡事件是最重要的,如果不阻止冒泡,會導致蒙層出現之後馬上消失。就是因為點擊事件冒泡到document上了。

  蒙層出現;

  //或者是蒙層出現後return false。也能達到同樣效果。

})

$(document).click(function(){

  if(蒙層.css("display")=="block"){

    蒙層消失

  }

})

點擊出現蒙層,然後點擊空白地方蒙層消失(阻止冒泡)