फोकस के लिए इवेंट पर्यवेक्षक बनाएं?

Question

क्या प्रोटोटाइप में फ़ोकस ईवेंट बबल होना संभव है?

मैं प्रत्येक इनपुट तत्व पर पर्यवेक्षक को असाइन करने से रोकने की कोशिश कर रहा हूं।

<script language="javascript" type="text/javascript"> 
document.observe('dom:loaded', function() { 

    // Doesn't work 
    $('editForm').observe('focus', function(evnt){ 
     console.log('FOCUS!'); 
    }); 

    // Works 
    $('editForm').select('INPUT').each(function(elem) { 
     elem.observe('focus', function(evnt){ 
      console.log('FOCUS!'); 
     }); 
    }); 

}); 
</script> 

<form method="post" name="editForm" id="editForm" action=""> 
<input type="text" name="foobar" /> 
</form> 

Answer 1

फोकस और धुंधला घटनाएं बबल नहीं होती हैं।

आप कैप्चरिंग चरण के दौरान ईवेंट हैंडलर को आग लगा सकते हैं। जब मानक डोम तरीकों का उपयोग कर, आप

document.addEventListener('focus',function(e){/*some code */}, true); 

लिखते थे 'सही' मूल्य यहाँ सबसे महत्वपूर्ण है।

समस्या यह है कि आईई घटना प्रसार के कैप्चरिंग चरण का समर्थन नहीं करता है, लेकिन आईई के लिए आप फोकसिन और फोकसआउट घटनाओं का उपयोग कर सकते हैं, जो फोकस और धुंधला घटनाओं के विपरीत - बबल करें। मैं पीटर पॉल कोच द्वारा लिखे गए इस विषय पर article पढ़ने की अनुशंसा करता हूं। अन्य ब्राउज़र्स (फ़ायरफ़ॉक्स, ओपेरा, सफारी) शायद (मैंने इसका परीक्षण नहीं किया) DOMFocusIn, DOMFocusOut जैसे समर्थन कार्यक्रम जो आईई के फोकसिन और फोकसआउट ईवेंट के लिए समकक्ष हैं।

Answer 2

आप इस का उपयोग कर सकते हैं:

function focusInHandler(event){ 
    Event.element(event).fire("focus:in"); 
} 
function focusOutHandler(event){ 
    Event.element(event).fire("focus:out"); 
} 

if (document.addEventListener){ 
    document.addEventListener("focus", focusInHandler, true); 
    document.addEventListener("blur", focusOutHandler, true); 
} else { 
    document.observe("focusin", focusInHandler); 
    document.observe("focusout", focusOutHandler); 
} 

document.observe('focus:in', function(event) { 
    // Your code 
}); 

मेरे jsFiddle: http://jsfiddle.net/EpokK/k7RPE/3/