마우스 클릭시 표시/숨기기 팝업 상자 구현

Question

나는 쇼 부분을 적절하게 함축했습니다. 그러나 페이지의 아무 것도 클릭 할 때 팝업 숨기기를 구현하는 방법은 무엇입니까? 또한 링크를 클릭하면 확장되고 붕괴됩니다.

도움이됩니다. 감사합니다. .

Answer 1

1. 팝업 요소에 이벤트 hanlder를 연결하십시오. 그 정지 이벤트 버블 링을 클릭하십시오.

2. 문서에 이벤트 처리기를 연결하십시오. 클릭하면 그 팝업을 숨 깁니다.

sample using jQuery

Updated sample

Answer 2

왜 당신이 시도하지 않습니다.

function close() { 
    document.getElementById("popupBox").style.display="none"; 
} 

onclick 처리기에서 위 함수를 호출하십시오. 확장 및 축소를 위해 Mootools는 매우 간단한 구현 검사를 제공합니다.

Answer 3

function switchElement(elementId) { 
    if(document.getElementById(elementId).style.display=="") 
    { 
    document.getElementById(elementId).style.display="none"; 
    } 
    else 
    { 
    document.getElementById(elementId).style.display=""; 
    } 
} 

확장이 Webbisshh의 코드에 추가되었습니다.