किसी तत्व को फोकस खोने से कैसे रोकें?

Question

फोकस को एक टेक्स्टबॉक्स पर कैसे रखा जाए? भले ही आप किसी ब्राउज़र में कहीं भी क्लिक करें।

$("#txtSearch").focus(); 

Answer 1

$("html").click(function(){ 
    $("#txtSearch").focus(); 
}); 

लाइव डेमो:http://jsfiddle.net/QhaLY/

Answer 2

$('body').click(function(){$("#txtSearch").focus();}); 

Answer 3

आप textbox की blur घटना की सदस्यता और एक छोटे से समय समाप्ति के साथ ध्यान केंद्रित करने को पुन: स्थापित करने की जरूरत है:

$('#txtSearch').blur(function (event) { 
    setTimeout(function() { $("#txtSearch").focus(); }, 20); 
}); 

इस तरह आप पृष्ठ पर किसी भी अन्य तत्व की घटनाओं की सदस्यता लेने पर भरोसा नहीं करते हैं। यदि आप body click या html click की सदस्यता लेते हैं, तो यह कोई नहीं होगा यदि कोई अन्य तत्व click ईवेंट के प्रसार को रोकता है, तो यह textbox से टैबबिंग करते समय भी काम नहीं करेगा।

उदाहरण:

<!-- I will not propagate my click to top level DOM elements --> 
<button id="button">Click me</button> 

<script> 
$('#button').click(function (event) { 
    event.stopPropagation(); 
}); 
</script> 

Answer 4

वहाँ क्षेत्र इनपुट अर्थात tabbing से दूर क्लिक करने से फोकस खो के अन्य तरीके हैं। आप ध्यान केंद्रित उपयोग कलंक घटना खो रोकना चाहते हैं अर्थात

document.getElementById('txtSearch').addEventListener('blur', e => { 
 
    e.target.focus(); 
 
});