ब्राउज़र टैब बदलना अनिवार्य रूप से फोकस ईवेंट को सक्रिय करता है, खासकर Google क्रोम

Question

में मुझे फोकस ईवेंट के साथ थोड़ा सा समस्या मिली है जिसे मैं अभी जानता हूं। जाहिर है, किसी अन्य ब्राउज़र टैब पर स्विच करते समय आग लगाना और फिर वापस दोबारा। मैं ऐसा नहीं करना चाहता था; क्या यह संभव है?

मुझे आज तक इस बारे में कभी पता नहीं था। यह एक छोटा सा प्रदर्शन है: http://jsfiddle.net/MJ6qb/1/

var times = 0; 
$('input').on('focus', function() { 
    times ++; 
    $(this).after('<br>Focused '+times+' times'); 
}); 

पुन: पेश करने के लिए: इनपुट पर ध्यान दें, तो ब्राउज़र टैब स्विच, तो वापस स्विच। जब आप टैब पर वापस स्विच करते हैं, तो सभी ब्राउज़र फ़ोकस ईवेंट को आग लगते हैं, और Google क्रोम 1 इसे दो बार फायर कर रहा है!

आदर्श रूप में, समारोह जब सब पर लेकिन केवल उपयोगकर्ता क्लिक पर या टैब ब्राउज़र टैब स्विचिंग नहीं चलाना चाहिए, लेकिन अब है कि मैं क्रोम मुद्दा मैं थोड़ा अधिक है कि के बारे में चिंतित हूँ के बारे में पता कर रहा हूँ, क्योंकि यह जिसके परिणामस्वरूप है मेरे असली ऐप में अतिरिक्त अवांछित बैक-टू-बैक AJAX अनुरोधों में (यह एक स्वत: पूर्ण के लिए परिणाम लाने के लिए है जो अद्यतित होने की आवश्यकता है, लेकिन इतना नहीं कि मैं कीप ईवेंट का उपयोग करना चाहता हूं)।

यह jQuery से संबंधित प्रतीत नहीं होता है (मैंने वेनिला जावास्क्रिप्ट के साथ परीक्षण किया है) लेकिन मैं एक समाधान के लिए jQuery का उपयोग कर सकता हूं। क्या मैं इसके बारे में कुछ कर सकता हूं? मुझे पता है कि मैं jQuery के one() का उपयोग कर सकता हूं लेकिन मैं चाहता हूं कि फ़ंक्शन एक से अधिक बार चलें।

Answer 1

this

var times = 0; 
var prevActiveElement; 

    $(window).on("blur", function(e){ 
      prevActiveElement = document.activeElement; 
    }); 

    $('input').on('focus', function() { 
     if (document.activeElement === prevActiveElement) { 
      return; 
     } 
     prevActiveElement = document.activeElement; 
     times++; 
     $(this).after('<br>Focused ' + times + ' times'); 
    }).on("blur", function(){ 
     prevActiveElement = null; 
    });​ 

Answer 2

समस्या को हल करने के लिए यह प्रयास करें:

var times = 0, foc=true; 

$(window).on('focus', function() { 
    foc = false; 
    setTimeout(function() {foc=true}, 200); 
}); 

$('input').on('focus', function() { 
    if (foc || times===0) { 
     times ++; 
     $(this).after('<br>Focused '+times+' times'); 
    } 
}); 

FIDDLE