HTML DOM TouchEvent altकुंजी संपत्ति

<घंटा/>

HTML DOM TouchEvent altKey प्रॉपर्टी स्थिति के अनुरूप एक बूलियन मान लौटाती है, यदि टच इवेंट के सक्रिय होने पर alt कुंजी को दबाया गया था।

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

बूलियन मान लौटाना - सही/गलत

touchEvent.altKey

यहां, “बूलियनवैल्यू "निम्नलिखित हो सकते हैं -

booleanValue <वें>विवरण
सच	यह परिभाषित करता है कि टच इवेंट होने पर ऑल्ट की को दबाया गया था
गलत	यह परिभाषित करता है कि टच इवेंट होने पर ऑल्ट की को दबाया नहीं गया था

नोट:हमने टच इवेंट उदाहरणों को मोबाइल पर एक्सेस किए गए ऑनलाइन HTML संपादकों या टच एक्सेस वाले सिस्टम पर चलाया। ऐसा इसलिए किया जाता है ताकि हम 2 सेकंड के लिए स्क्रीन को टच करने जैसे टच ऑपरेशन कर सकें।

आइए हम TouchEvent altKey . का एक उदाहरण देखें संपत्ति -

उदाहरण

<!DOCTYPE html>
<html>
<head>
<title>HTML DOM TouchEvent altKey</title>
<style>
   form {
      width:70%;
      margin: 0 auto;
      text-align: center;
   }
   * {
      padding: 2px;
      margin:5px;
   }
   input[type="button"] {
      border-radius: 10px;
   }
   legend{
      border-color: #dc3545;
   }
   span {
      display: inline-block;
      width: 40px;
      height: 20px;
      margin: 1px;
      color: #fff;
      border: 3px solid black;
   }
   div span:nth-child(1){
      background-color: #FF8A00;
   }
   div span:nth-child(2){
      background-color: #F44336;
   }
   div span:nth-child(3){
      background-color: #03A9F4;
   }
   div span:nth-child(4){
      background-color: #4CAF50;
   }
</style>
</head>
<body>
   <form id="formSelect" ontouchstart="eventAction(event)">
      <fieldset>
         <legend>HTML-DOM-TouchEvent-altKey</legend>
         <label for="textSelect">Background Color Changer</label>
         <div><span>Alt</span><span>Ctrl</span><span>Meta</span><span>Shift</span></div>
         <div id="divDisplay">No HotKey Pressed</div>
      </fieldset>
   </form>
<script>
   var divDisplay = document.getElementById("divDisplay");
   var formSelect = document.getElementById("formSelect");
   function eventAction(event) {
      if(event.altKey){
         formSelect.style.backgroundColor = '#FF8A00';
         formSelect.style.color = '#FFF'
         divDisplay.textContent = 'Alt Key Pressed';
      }
   }
</script>
</body>
</html>

आउटपुट

ट्रिगर करने से पहले यहां तक कि स्पर्श करें टी -

HTML DOM TouchEvent altकुंजी संपत्ति

टच इवेंट . को ट्रिगर करने के बाद ऑल्ट की को दबाने से -

HTML DOM TouchEvent altकुंजी संपत्ति