jquery mouseleave() 방법


  번역 결과:
ㅋㅋㅋ

English[li:v] US[liv] vt.떠나기; 맡기기

vt.& vi.떠나기; 떠나기

n.정확한 휴가;

jquery mouseleave() 방법통사론

기능: 마우스 포인터가 요소를 벗어나면 mouseleave 이벤트가 발생합니다. 이 이벤트는 mouseenter 이벤트와 함께 가장 자주 사용됩니다. mouseleave() 메서드는 mouseleave 이벤트를 트리거하거나 mouseleave 이벤트가 발생할 때 실행할 함수를 지정합니다. mouseout 이벤트와 달리 mouseleave 이벤트는 마우스 포인터가 선택한 요소를 떠날 때만 트리거됩니다. 마우스 포인터가 하위 요소를 벗어나면 mouseout 이벤트도 트리거됩니다. 데모를 보려면 아래 예를 참조하세요.

Trigger mouseleave 이벤트 구문: $(selector).mouseleave()

mouseleave 이벤트 구문에 함수 바인딩: $(selector).mouseleave(function)

매개변수:

매개변수설명
기능 선택사항. mouseleave 이벤트가 발생할 때 실행할 함수를 지정합니다.

jquery mouseleave() 방법예

<html>
<head>
<script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $("p").mouseenter(function(){
    $("p").css("background-color","yellow");
  });
  $("p").mouseleave(function(){
    $("p").css("background-color","#E9E9E4");
  });
});
</script>
</head>
<body>
<p style="background-color:#E9E9E4">请把鼠标指针移动到这个段落上。</p>
</body>
</html>
인스턴스 실행 »

온라인 인스턴스를 보려면 "인스턴스 실행" 버튼을 클릭하세요

비디오

Q&A