div가 부모 이벤트를 차단하도록 허용하지 않음

Question

나는 마우스 포인트를 디스패치 할 때 단지 테두리가있는 div를 사용하여 선택한 요소를 덮는 div를 생성하는 일부 엘레멘트가 있습니다. 이런

예시 :

function attachSelectorBarTo(el){ 
      var bar = $('#editor-selection-bar'); 
      bar.css({ 
       top:el.offset().top, 
       left:el.offset().left 
       width:el.outerWidth(), 
       height:el.outerHeight() 
      }).show(); 
     } 
     $(function(){ 
      $('[editordata]').mouseenter(function(event){ 
       event.stopPropagation(); 
       attachSelectorBarTo($(this)); 
      }).mouseleave(function(){ 
       //hideSelectorBar(); 
      }); 
     }); 

는하지만, 셀렉터 DIV 절대 위치 및 Z- 색인에 다른 것보다 greather이다. 그래서, 다른 elment를 선택하려고 할 때, 아래 엘레멘트들은 물론 mouseneter 이벤트를 얻지 못합니다. 질문 : 선택기 div가 다른 elemnts 이벤트를 차단하지 못하게하는 방법이 있습니까?

Answer 1

Nevermind! 방금이 CSS 속성을 찾았습니다.

pointer-events:none;