제이쿼리마우스 이벤트 입니다. 참고하세요
click, dblclick, mousedown, mouseup, mouseenter(경계외부에서 내부로 진입시),
오라클자바커뮤니티에서 설립한 오엔제이프로그래밍 실무교육센터
(오라클SQL, 튜닝, 힌트,자바프레임워크, 안드로이드, 아이폰, 닷넷 실무전문 강의)
mouseleave(경계내부에서 외부로 이동시), mousemove, mouseout, mouseover
<style>
.outer {width:200px; height:200px; background:red; padding:50px; margin:10px;}
.inner {width:100%; height:100%; background:Yellow;}
</style>
<script src="/ajaxjquery/jquery-1.10.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$(".outer").mouseover(function() {
//inner에 갔다오는 경우, 외부에서 진입시
$("body").append("<h1>MOUSE OVER</h1>");
}).mouseenter(function() {
//외부에서 집입시
$("body").append("<h1>MOUSE ENTER</h1>");
});
});
</script>
<body>
<div class="outer">
<div class="inner"></div></div></body>
댓글 없음:
댓글 쓰기