> 웹 프론트엔드 > JS 튜토리얼 > jQuery: mouseleave 이벤트의 사용법과 정의

jQuery: mouseleave 이벤트의 사용법과 정의

黄舟
풀어 주다: 2017-06-28 09:57:42
원래의
1223명이 탐색했습니다.

개요

mouseleave 이벤트는 마우스 포인터가 요소를 떠날 때 발생합니다. 이 이벤트는 mouseenter 이벤트와 함께 가장 자주 사용됩니다.

mouseout 이벤트와 달리 mouseleave 이벤트는 마우스 포인터가 선택한 요소를 떠날 때만 트리거됩니다. 마우스 포인터가 하위 요소를 벗어나면 mouseout 이벤트도 트리거됩니다.

Parameters

fnFunctionV1.0

각 일치 요소의 mouseleave 이벤트에 바인딩된 처리

function입니다.

[data],fn

String,FunctionV1.4.3

data:mouseleave([Data], fn)은 함수 fn이 처리할 데이터를 전달할 수 있습니다.

fn: 일치하는 각 요소의 mouseleave 이벤트에 바인딩된 핸들러 함수입니다.

Example

설명:

마우스 포인터가 요소를 떠날 때 요소의 배경색 변경::

jQuery 코드:

$("p").mouseleave(function(){ $("p").css("background-color","#E9E9E4"); });
로그인 후 복사

Example

마우스 포인터가 떠날 때 요소의 배경색 변경 요소:

$("p").mouseleave(function(){
  $("p").css("background-color","#E9E9E4");
});
로그인 후 복사

정의 및 사용법

mouseleave 이벤트는 마우스 포인터가 요소를 떠날 때 발생합니다.

이 이벤트는 mouseenter 이벤트와 함께 가장 자주 사용됩니다.

mouseleave() 메서드는 mouseleave 이벤트를 트리거하거나 mouseleave 이벤트가 발생할 때 실행할 함수를 지정합니다.

참고: mouseout 이벤트와 달리 mouseleave 이벤트는 마우스 포인터가 선택한 요소를 떠날 때만 트리거됩니다. 마우스 포인터가 하위 요소를 벗어나면 mouseout 이벤트도 트리거됩니다. 데모를 보려면 아래 예를 참조하세요.

직접 시도해 보세요: mouseleave와 mouseout의 차이점

mouseleave 이벤트 트리거

Syntax

$(selector).mouseleave()
로그인 후 복사

위 내용은 jQuery: mouseleave 이벤트의 사용법과 정의의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿