초점이 맞춰지면 다른 요소가 흐려짐

Question

그 중 하나에 키보드 포커스가있을 때 퇴색하고 싶은 항목 목록이 있습니다. 키보드 포커스가있는 것이 흐려져서는 안됩니다.

나는 호버와 비슷한 일을 그렇게처럼 달성했습니다

// Recede other locations when one is hovered. 

$('li').hover( 
    function() { 
    $('li:not(:hover)').addClass('recede'); 
    }, 
    function() { 
    $('li').removeClass('recede'); 
    } 
); 

을하지만, .focus()와 비슷한에 최선 시도가 작동하지 않습니다 ...

// Recede other locations when one is focussed. 
$('li').focus(function() { 
    if (!$('li').is(":focus")) { 
    $location_item_no_touch.addClass('recede'); 
    } 
}); 

$('li').blur(function() { 
    $('li').removeClass('recede'); 
}); 

몇 가지 방법을 시도했지만 :focus으로 항목을 가져 오면 .recede 클래스를 추가하지 못하는 것 같습니다. 내가 잘못 가고있는 어떤 생각?

Answer 1

이 시도 :

// Recede other locations when one is focussed. 
$('li').focus(function() { 
    $('li').removeClass('recede'); 
    $(this).addClass('recede'); 
}); 

$('li').blur(function() { 
    $('li').removeClass('recede'); 
}); 

나는 가정 당신의 .recede는 당신이 필요로하는 페이드를 적용합니다.

Answer 2

는이

.bind('keydown', function() { isClick = false; }) 

LIVE DEMO