Computer >> कंप्यूटर >  >> प्रोग्रामिंग >> Javascript

जावास्क्रिप्ट के साथ टेक्स्टबॉक्स में माउस कर्सर दबाने के बाद इनपुट संकेत खोना (फोकस प्राप्त करें)

<घंटा/>

मान लें कि निम्नलिखित हमारा इनपुट टेक्स्ट है -

<लेबल for="name">StudentName: 

माउस कर्सर दबाने पर इनपुट संकेत खोने के लिए, ऑनफोकस और ऑन ब्लर अवधारणा का उपयोग करें।

उदाहरण

 <शीर्षक>दस्तावेज़<लेबल for="name">StudentName:  
<स्क्रिप्ट> फ़ंक्शन अनुमान फोकस () { अगर (यह। मूल्य ==यह। डिफ़ॉल्ट वैल्यू) यह। मूल्य =''; } फ़ंक्शन अनुमान ब्लर (घटना) { अगर (यह। मान =='') यह। मान =यह। डिफ़ॉल्ट वैल्यू; } var घटना =document.getElementById('studentName'); घटना.ऑनफोकस =अनुमान फोकस; event.onblur =अनुमान धुंधला;

उपरोक्त प्रोग्राम को चलाने के लिए, फ़ाइल का नाम "anyName.html(index.html)" सहेजें और फ़ाइल पर राइट क्लिक करें। वीएस कोड संपादक में "ओपन विद लाइव सर्वर" विकल्प चुनें।

आउटपुट

यह निम्नलिखित आउटपुट उत्पन्न करेगा -

जावास्क्रिप्ट के साथ टेक्स्टबॉक्स में माउस कर्सर दबाने के बाद इनपुट संकेत खोना (फोकस प्राप्त करें)

जब आप टेक्स्ट के अंदर माउस क्लिक करते हैं, तो आपको फोकस मिलेगा और संकेत खो जाएंगे। स्क्रीनशॉट इस प्रकार है -

जावास्क्रिप्ट के साथ टेक्स्टबॉक्स में माउस कर्सर दबाने के बाद इनपुट संकेत खोना (फोकस प्राप्त करें)


  1. उपयोगकर्ता इनपुट से नंबर प्राप्त करें और जावास्क्रिप्ट के साथ कंसोल में प्रदर्शित करें

    आप मान प्राप्त करने के लिए # का उपयोग कर सकते हैं जब उपयोगकर्ता दस्तावेज़ का उपयोग करके बटन पर क्लिक करता है। querySelector (); निम्नलिखित जावास्क्रिप्ट कोड है - उदाहरण <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="view

  1. जावास्क्रिप्ट ENTER दबाने पर टेक्स्टबॉक्स सबमिट करें?

    ENTER में कुंजी कोड 13 है। हम ENTER को दबाया गया है या नहीं, यह जांचने के लिए event.keycode का उपयोग करेंगे। निम्नलिखित कोड है - उदाहरण <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=de

  1. जावास्क्रिप्ट के साथ सीएसएस चर प्राप्त करें और सेट करें

    GetComputedStyle () विधि एक वस्तु देती है जिसमें लक्ष्य तत्व पर लागू सभी शैलियाँ शामिल होती हैं। getPropertyValue() विधि का उपयोग गणना की गई शैलियों से वांछित संपत्ति प्राप्त करने के लिए किया जाता है। CSS वेरिएबल के मान को बदलने के लिए setProperty() का उपयोग किया जाता है। उदाहरण निम्नलिखित उदाहरण ब