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

<घंटा/>

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

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

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

touchEvent.ctrlKey

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

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

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

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

उदाहरण

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

आउटपुट

टच इवेंट . को ट्रिगर करने से पहले -

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

ट्रिगर करने के बाद यहां तक कि स्पर्श करें t ऑल्ट की को दबाने के साथ -

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