다른 요소를 통한 jQuery 호버 감지?

Question

저는 광산 프로젝트에 대한 사용자 정의 jQuery 끌어서 놓기 기능을 만들려고합니다.

내가 겪고있는 문제는 요소를 드래그 할 때 마우스와 놓기 영역 사이에 놓이게되고 끌어 놓기 요소를 통해 놓기 영역 위로 마우스를 놓으면 괜찮은 방법을 찾을 수 없다는 것입니다. 약간 오프셋.

$(window).mousemove(function (event) { 
    $('.element').css({ 
     'left' : event.pageX-30 + 'px', 
     'top' : event.pageY-30 + 'px' 
    }); 
}); 

상기 코드는 마우스 위치를 일치> 간단한 <span 이동시킨다.

$('.dropregion').hover(function() { 
    console.log('hover'); 
}, function() { 
    console.log('unhover'); 
}); 

이것은 jQuery에서 익숙한 간단한 호버 감지입니다.

Answer 1

당신은 스팬

CSS에서 활성화 호버를 마우스로는 투명 렌더링 허용해야 CSS를 사용하여 스팬에 마우스 이벤트를 해제 시도 할 수 :

.element {pointer-events:none} 

참조 :

https://developer.mozilla.org/en-US/docs/CSS/pointer-events