테이블 레이아웃의 td에서 포커스 감지

Question

테이블의 td에 포커스가 없으면 작업을 수행하는 것입니다. 테이블 레이아웃은 그 레이아웃이

<table class="cal_tbl" cellSpacing="1" cellPadding="3"> <tbody> 
<tr> 
    <td class="cal_head">&lt;&lt;</td> 
    <td class="cal_head">&lt;</td> 
    <td class="cal_head" colSpan="3">November 2012</td> 
    <td class="cal_head">&gt;</td> 
    <td class="cal_head">&gt;&gt;</td> 
</tr> 
<tr> 
    <td class="cal_subhead">Sun</td> 
    <td class="cal_subhead">Mon</td> 
    <td class="cal_subhead">Tue</td> 
    <td class="cal_subhead">Wed</td> 
    <td class="cal_subhead">Thu</td> 
    <td class="cal_subhead">Fri</td> 
    <td class="cal_subhead">Sat</td> 
</tr> 
<tr> 
    <td colSpan="4"></td> 
    <td class="cal_cell">1</td> 
    <td class="cal_cell">2</td> 
    <td class="cal_cell">3</td> 
</tr> 
<tr> 
    <td class="cal_cell">4</td> 
    <td class="cal_cell">5</td> 
    <td class="cal_cell">6</td> 
    <td class="cal_cell">7</td> 
    <td class="cal_cell">8</td> 
    <td class="cal_cell">9</td> 
    <td class="cal_cell">10</td> 
</tr> 
<tr> 
    <td class="cal_cell">25</td> 
    <td class="cal_cell">26</td> 
    <td class="cal_cell">27</td> 
    <td class="cal_cell">28</td> 
    <td class="cal_cell">29</td> 
    <td class="cal_cell">30</td> 
</tr> </tbody></table> 

처럼 보이는 내가 초점이 TD 의에 있는지 여부를 확인해야하는 아래 내가
을 시도 무엇을 내 코드입니다 JQuery와 변수에 저장됩니다

if ($(CurrentCalendarButton).children[i].is(":focus") == true) 
    alert("Keep it on") 

Answer 1

문제는 DOM의 모든 요소가 실제로 포커스를 받아들이지 않으며, 어떤 요소가 포커스를 결정하는지는 브라우저에 달린 것입니다.

var hasFocus = false; 
$('td').hover(
    function() { hasFocus = true; alert('has focus !');}, 
    function() { hasFocus = false; alert('lost focus !');} 
); 

: Which HTML elements can receive focus?

어쩌면 당신의 TD에 호버 이벤트를 참조하십시오