모든 어린이 요소에서 발사하기 위해 jQuery 마우스 아웃 이벤트 얻기
-
06-09-2019 - |
문제
8 개의 이미지가 포함 된 DIV 안에 테이블이 있습니다. 테이블이나 DIV에 대한 마우스 아웃 이벤트를 발사하고 싶지만 발사되지 않습니다. 마우스가 실제로 각 이미지 나 TD 또는 TR 등을 남기고 있기 때문에 이것은 전체 테이블의 마우스 아웃 이벤트를 얻을 수있는 방법이 있습니까? 아동 요소에서? 마크 업은 간단합니다.
<div id=container>
<table id="tbl">
<tr>
<td><img src=""></td>
<td><img src=""></td>
<td><img src=""></td>
<td><img src=""></td>
</tr>
<tr>
<td><img src=""></td>
<td><img src=""></td>
<td><img src=""></td>
<td><img src=""></td>
</tr>
</table>
</div>
그리고 내 jQuery 코드는 다음과 같습니다.
$("#tbl").mouseout(function(){
alert("out home");
});
이미지에 대한 개별 마우스 아웃 이벤트를 발사 할 수 없습니다. 때로는 마우스 아웃 이벤트가 조기에 발사되기 때문에 때로는 절대적으로 배치 된 요소가 있기 때문입니다.
올바른 솔루션이 없습니다
다른 팁
해야한다:
$("#tbl").mouseout(function(){
alert("out home");
});
당신은 "#"을 놓쳤습니다. 이미지 만 원한다면 시도하십시오.
$("#tbl >img").mouseout(function(){
alert("out home");
});
추신. 대신 $ ( "..."). hover ()를 사용하는 것으로 간주 했습니까?
#TBL을 사용하여 테이블을 선택하지 않아야합니까?
$("#tbl").mouseout(function(){
alert("out home");
});
사용 mouseleave
이벤트는 기능이 동일하지만 자식 요소로는 발사되지 않습니다.
$("#tbl").bind("mouseleave",function(){
alert("out home");
});
제휴하지 않습니다 StackOverflow