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

HTML onpageshow इवेंट एट्रिब्यूट


विवरण

HTML onpageshow इवेंट एट्रिब्यूट तब ट्रिगर होता है जब उपयोगकर्ता किसी वेबपेज पर नेविगेट करता है।

सिंटैक्स

<body onpageshow="script"></body>

उदाहरण

आइए HTML onpageshow इवेंट एट्रिब्यूट का एक उदाहरण देखें:

<!DOCTYPE html> <html> <style> 
  body { 
    color: #000; 
    height: 100vh; 
    background: linear-gradient(62deg, #FBAB7E 0%, #F7CE68 100%) no-repeat; 
    text-align: center; 
  } 
</style> 
<body onpageshow="showFn()"> 
<h1>HTML onpageshow इवेंट एट्रिब्यूट डेमो</h1> 
<script> 
  function showFn() { 
    alert("अरे! आप होमपेज पर हैं"); 
  } 
</script> </body> </html>

आउटपुट

HTML onpageshow इवेंट एट्रिब्यूट

HTML दस्तावेज़ की सामग्री दिखाने के लिए अलर्ट बॉक्स के "OK" बटन पर क्लिक करें।

HTML onpageshow इवेंट एट्रिब्यूट


  1. HTML ondragleave इवेंट एट्रिब्यूट: ड्रॉप टारगेट छोड़ने पर कार्रवाई HTML ondragleave इवेंट एट्रिब्यूट: ड्रॉप टारगेट छोड़ने पर कार्रवाई

    HTML ondragleave इवेंट एट्रिब्यूट तब ट्रिगर होता है जब एक ड्रैगेबल एलिमेंट या टेक्स्ट एक वैध ड्रॉप टारगेट की सीमा छोड़ देता है। यह ड्रॉप जोन से विजुअल हाइलाइटिंग हटाने, ड्रैग स्थिति रीसेट करने, या ड्रैग-लीव एनालिटिक्स रिकॉर्ड करने के लिए उपयोगी है। ondragenter के विपरीत, यह बबल करता है। सिंटैक्स (

  1. HTML ondragenter इवेंट एट्रिब्यूट HTML ondragenter इवेंट एट्रिब्यूट

    विवरण HTML ondragenter इवेंट एट्रिब्यूट HTML दस्तावेज़ में जब कोई ड्रैगेबल तत्व या टेक्स्ट एक वैध ड्रॉप टारगेट में प्रवेश करता है, तब ट्रिगर होता है। सिंटैक्स <tagname ondragenter=script></tagname> उदाहरण आइए HTML ondragenter इवेंट एट्रिब्यूट का एक उदाहरण देखें: <!DOCTYPE html>

  1. HTML ondragend इवेंट एट्रिब्यूट HTML ondragend इवेंट एट्रिब्यूट

    विवरण HTML ondragend इवेंट एट्रिब्यूट HTML दस्तावेज़ में जब उपयोगकर्ता किसी HTML तत्व के एलिमेंट या टेक्स्ट को ड्रैग करना समाप्त करता है, तब ट्रिगर होता है। सिंटैक्स <tagname ondragend=script></tagname> उदाहरण आइए HTML ondragend इवेंट एट्रिब्यूट का एक उदाहरण देखें: <!DOCTYPE html&g