मैं कुछ चीजों को टाइप करने में उपयोगकर्ता की सहायता के लिए <textarea>
में एक ड्रॉपडाउन सूची प्रदर्शित करना चाहता हूं। आप कोड आईडी पूर्ण होने के रूप में वर्तमान आईडीई से यह जानते हैं। जैसे ही आप कुछ लिखना शुरू करते हैं, एक पॉपअप वर्तमान कर्सर/कैरेट स्थान पर दिखाई देगा और आप अपने टेक्स्ट इनपुट को पूरा करने के लिए तीर कुंजियों का उपयोग करके इसे नेविगेट कर सकते हैं।मैं HTML टेक्स्टरेरा में कर्सर स्थान (एक्स/वाई, लाइन/कॉलम नहीं) कैसे ढूंढ सकता हूं?
मैं पाठ स्ट्रिंग में how to get the cursor position पता (यानी कर्सर की स्थिति के चरित्र इंडेक्स), लेकिन मैं इतना है कि <textarea>
तत्व के अंदर कर्सर की एक्स/Y निर्देशांक (offsetWidth
और offsetHeight
की तरह कुछ) प्राप्त करने के लिए पता नहीं कैसे मैं वहां अपनी सूची तत्व स्थापित कर सकता हूं। क्या यह एचटीएमएल/जावास्क्रिप्ट में संभव है, और यह कैसे काम करेगा? आप कैरट की स्थिति में एक खाली अवधि तत्व सम्मिलित और उस तत्व की स्थिति को अपने लटकती प्रदर्शित करने के लिए मिल सकता है:
+ 1 यह एक बहुत अच्छा सवाल है! – Ben
यदि आप वर्णों की संख्या और बॉक्स की चौड़ाई को जानते हैं, तो क्या आप औसत वर्ण चौड़ाई/रेखा ऊंचाई के आधार पर स्थिति का अनुमान लगा सकते हैं? –
मैंने प्रस्तावित अन्य प्रश्न पढ़ा है, लेकिन मैं इस समस्या का समाधान करने का उत्तर नहीं मानता। साथ ही, यह 3 साल का है और ब्राउज़र और मानकों ने इस बीच उन्नत किया है। मुझे काम करने के लिए एक मौजूदा ब्राउज़र की आवश्यकता से डर नहीं है। – ygoe