एचटीएमएल डोम टचइवेंट शिफ्टकुंजी संपत्ति

<घंटा/>

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

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

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

touchEvent.shiftKey

यहाँ, “booleanValue” निम्नलिखित हो सकते हैं -

booleanValue <वें>विवरण
सच	यह परिभाषित करता है कि स्पर्श घटना होने पर उस शिफ्ट कुंजी को दबाया गया था
गलत	यह परिभाषित करता है कि स्पर्श घटना होने पर शिफ्ट कुंजी को दबाया नहीं गया था

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

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

उदाहरण

<!DOCTYPE html>
<html>
<head>
<title>HTML DOM TouchEvent shiftKey</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-shiftKey</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.shiftKey){
         formSelect.style.backgroundColor = '#4CAF50';
         formSelect.style.color = '#FFF'
         divDisplay.textContent = 'Shift Key Pressed';
      }
   }
</script>
</body>
</html>

आउटपुट

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

एचटीएमएल डोम टचइवेंट शिफ्टकुंजी संपत्ति

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

एचटीएमएल डोम टचइवेंट शिफ्टकुंजी संपत्ति