निर्धारित करें कि वेबपृष्ठ में अग्रभूमि विंडो फोकस है या सक्रिय टैब है या नहीं?

Question

यदि मैं यह पता लगा सकता हूं कि पृष्ठ अब केंद्रित नहीं है, तो मैं अपने ऐप की गतिविधि को म्यूट करने में सक्षम होना चाहता हूं। उदाहरण के लिए, यदि पृष्ठ पृष्ठभूमि टैब में है या किसी अन्य ऐप पर ध्यान केंद्रित किया गया है, तो मैं लगातार मतदान स्क्रिप्ट को अक्षम करना चाहता हूं या नई HTML5 सूचना API में मोडल नोटिफिकेशन स्विच करना चाहता हूं।

क्या जेएस के साथ इसे पाने का कोई तरीका है, और यदि ऐसा है, तो कौन से ब्राउज़र समर्थित हैं?

पीएस - मैंने this देखा है, लेकिन यह नहीं पता कि यह मेरे लिए क्या काम कर रहा है, यह काम करेगा या नहीं। किसी के पास कोई अंतर्दृष्टि है?

Answer 1

आप, तो के लिए जब उपयोगकर्ता वापस आता है, तो आप focus घटना का उपयोग कर सकते अपने window पर blur घटना के लिए सुन सकते हैं:

$(window).blur(disableStuff).focus(enableStuff); 

या शुद्ध में:

यहाँ jQuery में एक उदाहरण है जावास्क्रिप्ट:

window.onblur = disableStuff; 
window.onfocus = enableStuff;