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

जब उपयोगकर्ता इसके बाहर क्लिक करता है तो डीआईवी को छिपाने के लिए जावास्क्रिप्ट का उपयोग कैसे करें?


जब उपयोगकर्ता इसके बाहर क्लिक करता है तो एक div को छिपाने के लिए, निम्न कोड चलाने का प्रयास करें

उदाहरण

लाइव डेमो

<!DOCTYPE html>
<html>
   <body>
      <script>
         window.onload = function(){
            var hideMe = document.getElementById('hideMe');
            document.onclick = function(e){
               if(e.target.id !== 'hideMe'){
                  hideMe.style.display = 'none';
               }
            };
         };
      </script>
      <div id="hideMe">Click outside this div and hide it.</div>
   </body>
</html>

  1. क्लाइंट-साइड JavaScript को परिभाषित करने के लिए <script> टैग का उपयोग कैसे करें?

    HTML टैग का उपयोग आपके HTML दस्तावेज़ में एक स्क्रिप्ट घोषित करने के लिए किया जाता है। इसके द्वारा आप क्लाइंट-साइड जावास्क्रिप्ट को परिभाषित कर सकते हैं। यहां टैग की विशेषताएं दी गई हैं - विशेषता मान विवरण async async निर्दिष्ट करता है कि स्क्रिप्ट को एसिंक्रोनस रूप से निष्पादित किया

  1. कैसे बटन क्लिक पर जावास्क्रिप्ट में एक div छिपाने के लिए?

    मान लें कि निम्नलिखित हमारा div है - <div id="showOrHide"> Welcome in JavaScript </div> निम्नलिखित हमारा बटन है। क्लिक करने पर, उपरोक्त डिव छिप जाना चाहिए - <button onclick="showOrHideDiv()">Click The Button</button> div को छिपाने के लिए JavaScript में s

  1. कैसे पहचानें कि कब उपयोग करना है:या =जावास्क्रिप्ट में?

    कोलन (:) का उपयोग तब किया जा सकता है जब आप किसी वस्तु के लिए गुण को परिभाषित करना चाहते हैं जबकि बराबर (=) का उपयोग तब किया जा सकता है जब आप किसी चर को मान निर्दिष्ट करना चाहते हैं। उदाहरण निम्नलिखित कोड है - var studentDetails = {    "studentId": 101,    "student