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

विवरण

HTML oncontextmenu इवेंट एट्रिब्यूट HTML दस्तावेज़ में जब उपयोगकर्ता किसी HTML तत्व पर राइट-क्लिक करके कॉन्टेक्स्ट मेनू खोलता है, तब ट्रिगर होता है।

सिंटैक्स

<tagname oncontextmenu="script"></tagname>

उदाहरण

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

<!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; 
  } 
  .box { 
    background: #db133a; 
    width: 140px; 
    height: 140px; 
    margin: 1rem auto; 
    color: #fff; 
  } 
</style> </head> <body> 
<h1>HTML oncontextmenu इवेंट एट्रिब्यूट डेमो</h1> 
<p oncontextmenu="get()" class="box"></p> 
<p>अब ऊपर दिए गए लाल बॉक्स पर राइट-क्लिक करके कॉन्टेक्स्ट मेनू खोलने का प्रयास करें।</p> 
<script> 
  function get() { 
    document.body.style.background = "#084C61"; 
    document.body.style.color = '#fff'; 
  } 
</script> </body> </html>

आउटपुट

अब लाल बॉक्स पर राइट-क्लिक करें और देखें कि oncontextmenu इवेंट एट्रिब्यूट कैसे काम करता है।