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

HTML ऑनचेंज इवेंट एट्रीब्यूट

<घंटा/>

जब आप किसी HTML दस्तावेज़ में HTML तत्व का मान बदलते हैं तो HTML onchange विशेषता ट्रिगर हो जाती है।

सिंटैक्स

निम्नलिखित वाक्य रचना है -

<tagname onchange=”script”></tagname>

उदाहरण

आइए हम HTML ऑनचेंज इवेंट एट्रीब्यूट का एक उदाहरण देखें -

<!DOCTYPE html>
<html>
<head>
<style>
   body {
      color: #000;
      height: 100vh;
      background-color: #FBAB7E;
      background-image: linear-gradient(62deg, #FBAB7E 0%, #F7CE68 100%);
      text-align: center;
      padding: 20px;
   }
   .show {
      font-size: 1.1rem;
      margin: 1rem auto;
   }
   select {
      height: 2rem;
      width: 30%;
      font-size: 1rem;
      background: transparent;
      border: 2px solid #fff;
      outline: none;
   }
</style>
</head>
<body>
<h1>HTML onchange Event Attribute Demo</h1>
<p>Select your favourite subject:</p>
<select onchange="get()">
<option>Physics</option>
<option>Chemistry</option>
<option>Maths</option>
</select>
<div class="show"></div>
<script>
   function get() {
      var msg = document.querySelector('.show');
      msg.innerHTML = "Current Value is " + document.querySelector("select").value;
   }
</script>
</body>
</html>

आउटपुट

HTML ऑनचेंज इवेंट एट्रीब्यूट

अब यह देखने के लिए ड्रॉप-डाउन सूची का मान बदलें कि विनिमय ईवेंट कैसे ट्रिगर हुआ।

HTML ऑनचेंज इवेंट एट्रीब्यूट


  1. HTML ondragenter ईवेंट विशेषता

    HTML ondragenter ईवेंट विशेषता तब ट्रिगर होती है जब कोई ड्रैग करने योग्य तत्व या टेक्स्ट HTML दस्तावेज़ में एक मान्य ड्रॉप लक्ष्य में प्रवेश करता है। सिंटैक्स निम्नलिखित वाक्य रचना है - <tagname ondragenter=”script”></tagname> उदाहरण आइए हम HTML ondragenter ईवेंट विशेषता का

  1. HTML ondragend ईवेंट विशेषता

    HTML ondragend ईवेंट विशेषता तब ट्रिगर होती है जब उपयोगकर्ता HTML दस्तावेज़ में किसी HTML तत्व के किसी तत्व या टेक्स्ट को खींचना समाप्त कर देता है। सिंटैक्स निम्नलिखित वाक्य रचना है - <tagname ondragend=”script”></tagname> आइए हम HTML ondragend ईवेंट विशेषता का एक उदाहरण दे

  1. एचटीएमएल ऑनपेजशो इवेंट एट्रीब्यूट

    जब कोई उपयोगकर्ता वेबपेज पर जाता है तो HTML onpageshow ईवेंट विशेषता ट्रिगर हो जाती है। सिंटैक्स निम्नलिखित वाक्य रचना है - <body onpageshow=”script”></body> आइए एचटीएमएल ऑनपेजशो इवेंट एट्रीब्यूट— . का एक उदाहरण देखें उदाहरण <!DOCTYPE html> <html> <style>