jQuery। फोकस() प्रत्येक ब्राउज़र में अलग-अलग काम करता है। इसे कैसे रोकें?

Question

जब मैं .focus() करने का प्रयास करता हूं तो मैं इनपुट तत्व पर ध्यान केंद्रित करने और मूल्य के अंतिम चरित्र के बाद कर्सर देखने की अपेक्षा करता हूं। और मैं इसे आईई में देखता हूं।

सफारी/क्रोम इनपुट में फोकस हो जाता है और सभी टेक्स्ट का चयन किया जाता है। फ़ायरफ़ॉक्स/ओपेरा इनपुट में फोकस हो जाता है, लेकिन कर्सर शुरुआत में है।

मैं इसे रोकने और सभी ब्राउज़रों के लिए सही व्यवहार पाने के लिए क्या कर सकता हूं?

एक उदाहरण यहाँ है: http://jsbin.com/ozojol/edit#javascript,html

पी एस। focus().val('').val(value) विधि IE में काम नहीं करती है ... अन्य कामकाज मौजूद हैं?

Answer 1

आपको IE < 9. में इनपुट के सबसे ब्राउज़रों में selectionStart और selectionEnd गुण और कुछ बुरा TextRange सामान का उपयोग कर सकते यहाँ कुछ an answer to a similar question से अनुकूलित कोड है।

डेमो: http://jsbin.com/azapuy

कोड:

function moveCaretToEnd(el) { 
    if (typeof el.selectionStart == "number") { 
     el.selectionStart = el.selectionEnd = el.value.length; 
    } else if (typeof el.createTextRange != "undefined") { 
     var range = el.createTextRange(); 
     range.collapse(false); 
     range.select(); 
    } 
} 

var input = $('#i')[0]; 
input.focus(); 
moveCaretToEnd(input); 

Answer 2

देखभाल के लिए आपके तत्व के भीतर सामग्री को समाप्त करने के लिए एक बहुत हल्का प्लगइन है। jQuery Caret

Live Demo

Answer 3

केवल सामान्य व्यवहार select(), कि सभी प्रमुख ब्राउज़रों में इनपुट पाठ का चयन करता है (अगर यह सभी ब्राउज़रों में काम करता है की पुष्टि नहीं कर सकते हैं)।