절대 위치 DIV가 여기에

Question

아래 클릭 이벤트를 차단하는 것은 내가 뭘하려고 오전입니다 문서의 다른 모든 요소보다 높은 Z- 색인.

여기 내 문제가 있습니다 : 이 컨테이너를 만들 때 절대적으로 위치한 요소가 그 아래에있는 모든 것에 바인딩 된 클릭 이벤트를 차단하고 있습니다. 나는 새로운 CSTE 연구진을 사용하고

$(document).ready(function() { 
    $(document).on('click touchstart', '.block', function() { 
     var $this = $(this); 

     if(!$this.hasClass("disabled")){ 
      $this.addClass("disabled") 
      $this.openPopUp(); 
     } 
     return false;   
    }); 
}); 

공지 사항 나는 .live와 동일한 방식으로 작동하도록 설정 한 jQuery를 1.7.2에서()()를 호출.

왜 내 요소가 내 클릭을 허용하지 않습니까? 내 제스처 영역이 차단하는 것처럼 보이지만 그 주위에 방법이 있습니까?

Answer 1

:이 주제에 유사한 논의가

당신은 더 높은 요소에 유사한 요소를 만들 수 있지만이 클릭 도둑처럼 보이는 것입니다 일부 브라우저 애드온이 잠재적 인 위험 여기

로 당신의 위치를 ​​표시 할 수있다

해결 방법 1. CSS. pointer-events: none;으로 설정하지만 Firefox, Chrome 및 Safari에서만 작동합니다.

해결 방법 2. JavaScript. http://www.vinylfox.com/forwarding-mouse-events-through-layers/

Answer 2

나는 이것을 무시할 수 없다고 생각합니다. 기본적으로 이벤트가 작동하는 방식입니다. 즉, 화면 가운데에 대화 상자를 표시하고 대화 상자 아래의 요소에 동일한 이벤트를 발생시키지 않고 대화 상자를 클릭 할 수 있습니다. HTML "overlay" which allows clicks to fall through to elements behind it