2011-01-10 3 views
15

Google 리더는 다른 웹 페이지 (페이지 포커스 부여)에서 웹 페이지로 전환하면 페이지에 초점이 맞지 않는 동안 누적 된 업데이트를 표시하는 좋은 기능이 있습니다.
빠른 질문 # 1 : 어떻게 그럴 수 있습니까?웹 페이지에 포커스가 들어올 때의 이벤트

나는 당신에게 그 능력을 제공하는 상자 밖의 이벤트를 모르기 때문에 마우스 이동 이벤트 + 키보드 이벤트에 바인딩 될 수도 있다고 생각합니다.

인터넷 검색은 악몽입니다 (포커스, 탭, 웹 페이지, 사용자).

빠른 질문 # 2 : 저에게 능력을주는 패키지가 있습니까?

나는 거기에 모든 웹 개발자 닌자의 비콘으로 jQuery를 태그를 가하고있어,하지만 난 정말 (자사의 자바 스크립트만큼) 프레임 워크에 관심

답변

17

또는 사용 :

$(window).focus(function() { 
    console.log('welcome (back)'); 
}); 

$(window).blur(function() { 
    console.log('bye bye'); 
}); 
+1

jquery 포커스가 hover (function(), function()) (수치 스럽습니다)처럼 동작하지 않습니다. blur 이벤트에 바인딩해야합니다. focusOut –

+0

Aight Lol. 너 맞아. 나의 실수, 나는 두 가지를 바꿨다. 그것은 당신이 말한 것처럼 행동해야합니다 :) 좋은 기능이 될 것입니다. 그것을 개선하고 그것을 받아 주셔서 감사합니다 :). – PeeHaa

4

사용 focusin (초점) 및하지 않습니다 focusoutdocument 객체 (흐림) :

$(document).bind('focus', function() { 
    console.log('welcome (back)'); 
}).bind('blur', function() { 
    console.log('bye bye'); 
}); 
+2

페이지의 모든 필드가 포커스를받을 때마다 OP에 알리고 싶지 않습니다. 당신이 페이지로 전환 할 때. –

3

내가 FF와테스트 그 창으로 전환하면 0이 호출됩니다.

관련 문제