메뉴가 있습니다.
<ul id="littlemenu">
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
</ul>
$('#littlemenu').mouseout(function() {
$('#littlemenu').fadeOut();
$('#littlemenutri').hide();
});
li
{
background-color: red;
}
기본적으로 숨겨져 있으며 무언가를 클릭하면 표시됩니다. 따라서 커서를이 목록으로 이동하지만 다른 LI를 선택하자마자 사라집니다. 그러나 LI가 아닌 mouseout () 함수를 UL에만 연결했지만 여전히 사라집니다. LI가 아닌 UL에서 커서를 이동할 때만 숨기고 싶습니다.
mouseleave
이벤트 대신 이벤트를 시도하십시오 mouseout
.
mouseleave 이벤트는 이벤트 버블 링을 처리하는 방식에서 mouseout과 다릅니다. 이 예제에서 mouseout이 사용 된 경우 마우스 포인터가 Inner 요소 밖으로 이동하면 핸들러가 트리거됩니다. 이것은 일반적으로 바람직하지 않은 동작입니다. 반면에 mouseleave 이벤트는 마우스가 하위 항목이 아닌 바인딩 된 요소를 떠날 때만 처리기를 트리거합니다. 따라서이 예제에서 핸들러는 마우스가 Inner 요소가 아닌 Outer 요소를 벗어날 때 트리거됩니다.
$('#littlemenu').mouseleave(function() {
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다