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

एचटीएमएल ऑनक्लिक इवेंट एट्रीब्यूट

<घंटा/>

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

सिंटैक्स

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

<tagname onclick=”script”></tagname>

उदाहरण

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

<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
   body {
      color: #000;
      height: 100vh;
      background-color: #FBAB7E;
      background-image: linear-gradient(62deg, #FBAB7E 0%, #F7CE68 100%);
      text-align: center;
      padding: 20px;
   }
   .btn {
      background: #db133a;
      border: none;
      height: 2rem;
      border-radius: 2px;
      width: 40%;
      display: block;
      color: #fff;
      outline: none;
      cursor: pointer;
      margin: 1rem auto;
   }
   .show {
      font-size: 1.2rem;
   }
</style>
</head>
<body>
<h1>HTML onclick Event Attribute Demo</h1>
<button class="btn" onclick='clickFn()'>Click me</button>
<div class="show"></div>
<script>
   function clickFn() {
      var msg = document.querySelector('.show');
      msg.innerHTML = "";
      msg.innerHTML = "Hey! you clicked me";
   }
</script>
</body>
</html>

आउटपुट

एचटीएमएल ऑनक्लिक इवेंट एट्रीब्यूट

मुझे क्लिक करें . पर क्लिक करें " बटन को ट्रिगर करने के लिए माउस क्लिक इवेंट पर क्लिक करें।

एचटीएमएल ऑनक्लिक इवेंट एट्रीब्यूट


  1. HTML ऑनड्रॉप इवेंट विशेषता

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

  1. HTML ondragleave घटना विशेषता

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

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

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