HTML DOM KeyboardEvent altKey प्रॉपर्टी

विवरण

HTML DOM KeyboardEvent altKey प्रॉपर्टी लौटाती है कि जब HTML दस्तावेज़ में की इवेंट ट्रिगर हुआ था, तब ALT कुंजी दबाई गई थी या नहीं।

सिंटैक्स

event.altKey

उदाहरण

आइए HTML KeyboardEvent altKey प्रॉपर्टी का एक उदाहरण देखें:

<!DOCTYPE html> <html> <style> 
  body { 
    color: #000; 
    height: 100vh; 
    background: linear-gradient(62deg, #FBAB7E 0%, #F7CE68 100%) no-repeat; 
    text-align: center; 
  } 
  input { 
    border: 2px solid #fff; 
    padding: 8px; 
    background: transparent; 
    width: 310px; 
    border-radius: 20px; 
    outline: none; 
  } 
  ::placeholder { 
    color: #000; 
  } 
  .show { 
    font-size: 1.2rem; 
    color: #fff; 
  } 
</style> <body> 
<h1>HTML KeyboardEvent altKey प्रॉपर्टी डेमो</h1> 
<input type="text" placeholder="अपना संदेश दर्ज करें" onkeydown="display(event)"> 
<div class="show"> 
</div> 
<script> 
  function display(event) { 
    if (event.altKey) { 
      document.querySelector(".show").innerHTML = "दबाई गई कुंजी है " + event.key + " कुंजी"; 
    } else { 
      document.querySelector(".show").innerHTML = "दबाई गई कुंजी है " + event.key + " कुंजी"; 
    } 
  } 
</script> </body> </html>

आउटपुट

HTML DOM KeyboardEvent altKey प्रॉपर्टी

अब टेक्स्ट फील्ड में कोई भी कुंजी दबाना शुरू करें और फिर देखें कि जब ALT कुंजी दबाई जाती है तो altKey प्रॉपर्टी कैसे काम करती है:

HTML DOM KeyboardEvent altKey प्रॉपर्टी