See the Pen [jQuery] 화면 아무곳이나 마우스로 클릭하면 해당 레이어 사라지게 하는 jQuery 스크립트 (2개 이상의 객체 동시 사용할 경우) by zzzznara (@zzznara) on CodePen.
해당 레이어의 상하좌우 위치를 계산해서 레이어가 위치하는 곳 이외의 곳을 마우스로 클릭하면 해당 레이어가 사라지게 하는 스크립트입니다.
2가지 이상의 객체를 동시에 사용할 때 사용합니다.
즉, 위 예제에서 버튼과 레이어를 클릭할 때는 사라지지 않아야 하고 그 2개를 제외한 다른 곳을 클릭하면 레이어가 사라집니다.
'프로그래밍 언어 > jQuery' 카테고리의 다른 글
| [jquery] 제이쿼리로 map()과 join()을 사용해서 객체의 문자열을 연결하는 간단한 방법 (0) | 2018.11.18 |
|---|---|
| [jQuery] 화면 아무곳이나 마우스로 클릭하면 해당 레이어 사라지게 하는 jQuery 스크립트 (0) | 2018.11.12 |
| [제이쿼리 플러그인 소스] inputbox에서 커서가 원하는 곳에 위치하게 하는 jquery plugin (0) | 2018.10.25 |
| [jQuery] 좌우 Div의 높이를 동일하게 조정하기 (레이아웃이나 템플릿 등에서 사용 가능) (0) | 2018.06.10 |
| [jQuery] jquery ui의 달력을 세팅하고 날짜 유효성 체크 및 기간 설정해주는 플러그인(plugin) (0) | 2018.05.31 |
댓글