mouse
English [maʊs] American [maʊs]
n. 쥐; 수줍음이 많은 [informal] 눈이 멍든 사람
vi 몰래 쥐를 찾아서
out
English [aʊt]
adv.out; 완전히, 철저하게 출판하다
prep.(원본에 없음을 의미함) 상태) 떠나다,
밖으로 추방하다,
n.
jquery mouseout()방법 통사론
기능: 마우스 포인터가 요소에서 멀어지면 mouseout 이벤트가 발생합니다. 이 이벤트는 마우스 오버 이벤트와 함께 가장 자주 사용됩니다. mouseout() 메서드는 mouseout 이벤트를 트리거하거나 mouseout 이벤트가 발생할 때 실행할 함수를 지정합니다. mouseleave 이벤트와 달리 mouseout 이벤트는 마우스 포인터가 선택한 요소 또는 하위 요소를 떠나는지 여부에 관계없이 트리거됩니다. mouseleave 이벤트는 마우스 포인터가 선택한 요소를 떠날 때만 발생합니다. 데모를 보려면 아래 예를 참조하세요.
mouseout 이벤트 구문 트리거: $(selector).mouseout(
함수를 mouseout 이벤트 구문에 바인딩: $(selector).mouseout(function)
매개변수:
| 매개변수 | 설명 |
| function | 선택 사항 |
jquery mouseout()방법 예
<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").mouseover(function(){
$("p").css("background-color","yellow");
});
$("p").mouseout(function(){
$("p").css("background-color","#E9E9E4");
});
$("#btn1").click(function(){
$("p").mouseover();
});
$("#btn2").click(function(){
$("p").mouseout();
});
});
</script>
</head>
<body>
<p style="background-color:#E9E9E4">请把鼠标指针移动到段落上。</p>
<button id="btn1">触发段落的 mouseover 事件</button><br />
<button id="btn2">触发段落的 mouseout 事件</button>
</body>
</html>온라인 인스턴스를 보려면 "인스턴스 실행" 버튼을 클릭하세요