모든 어린이 요소에서 발사하기 위해 jQuery 마우스 아웃 이벤트 얻기

Question

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");
});

이미지에 대한 개별 마우스 아웃 이벤트를 발사 할 수 없습니다. 때로는 마우스 아웃 이벤트가 조기에 발사되기 때문에 때로는 절대적으로 배치 된 요소가 있기 때문입니다.

Answer 1

해야한다:

$("#tbl").mouseout(function(){
  alert("out home");
});

당신은 "#"을 놓쳤습니다. 이미지 만 원한다면 시도하십시오.

$("#tbl >img").mouseout(function(){
  alert("out home");
});

추신. 대신 $ ( "..."). hover ()를 사용하는 것으로 간주 했습니까?

Answer 2

#TBL을 사용하여 테이블을 선택하지 않아야합니까?

$("#tbl").mouseout(function(){
  alert("out home");
});

Answer 3

사용 mouseleave 이벤트는 기능이 동일하지만 자식 요소로는 발사되지 않습니다.

$("#tbl").bind("mouseleave",function(){
  alert("out home");
});