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

HTML में उपयोगकर्ता सर्च फील्ड में लिखने पर स्क्रिप्ट कैसे चलाएं?

HTML में onsearch एट्रिब्यूट का उपयोग तब स्क्रिप्ट चलाने के लिए किया जाता है जब उपयोगकर्ता सर्च फील्ड (<input type="search">) में कुछ लिखकर ENTER दबाता है या क्लियर बटन (x) क्लिक करता है।

उदाहरण

निम्न कोड से onsearch एट्रिब्यूट लागू करें:

<!DOCTYPE html> <html> 
  <body> 
    <p>कुछ खोजें और ENTER दबाएं।</p> 
    <input type="search" id="inputID" onsearch="display()"> 
    <p><strong>नोट:</strong> यह इंटरनेट एक्सप्लोरर और फायरफॉक्स में काम नहीं करेगा।</p> 
    <p id="test"></p> 
    <script> 
      function display() { 
        var a = document.getElementById("inputID"); 
        document.getElementById("test").innerHTML = "खोजा गया: " + a.value; 
      } 
    </script> 
  </body> 
</html>

ब्राउज़र सपोर्ट: क्रोम, सफारी, एज में सपोर्टेड। फायरफॉक्स और IE में सपोर्ट नहीं। विकल्प: onkeydown में Enter key (keyCode 13) चेक करें।

  1. - HTML में उपयोगकर्ता पेज पर नेविगेट होने पर स्क्रिप्ट कैसे चलाएं?

    onpageshow एट्रिब्यूट का उपयोग तब स्क्रिप्ट चलाने के लिए किया जाता है जब उपयोगकर्ता किसी पेज पर नेविगेट करता है (बैक/फॉरवर्ड बटन, नया टैब, रिलोड सहित)। यह onload से अलग है - onpageshow हर बार फायर होता है (bfcache से रिस्टोर होने पर भी), जबकि onload केवल प्रारंभिक लोड पर। उदाहरण <!DOCTYPE html&g

  1. - HTML में तत्व पर क्लिक होने पर स्क्रिप्ट कैसे निष्पादित करें?

    onclick इवेंट एट्रिब्यूट onclick एट्रिब्यूट HTML में किसी तत्व पर क्लिक होने पर JavaScript कोड निष्पादित करने के लिए उपयोग किया जाता है। यह सबसे सामान्य माउस इवेंट है और लगभग सभी HTML तत्वों पर काम करता है। उदाहरण निम्नलिखित कोड onclick एट्रिब्यूट का उपयोग दिखाता है: <!DOCTYPE html> <html

  1. - HTML में तत्व को फोकस मिलने पर स्क्रिप्ट कैसे निष्पादित करें?

    onfocus इवेंट एट्रिब्यूट onfocus एट्रिब्यूट HTML में किसी तत्व को फोकस मिलने पर (क्लिक, टैब, या प्रोग्रामेटिक रूप से) स्क्रिप्ट निष्पादित करता है। यह फॉर्म फील्ड्स, लिंक्स, बटन्स, और tabindex वाले तत्वों पर काम करता है। उदाहरण निम्नलिखित कोड onfocus एट्रिब्यूट का उपयोग दिखाता है: { el