HTML DOM TouchEvent shiftKey বৈশিষ্ট্য

HTML DOM TouchEvent shiftKey প্রপার্টি একটি বুলিয়ান মান ফেরত দেয় যা একটি টাচ ইভেন্ট ফায়ার করার সময় শিফট চাপলে অবস্থার সাথে সম্পর্কিত।

নিম্নলিখিত সিনট্যাক্স −

রিটার্নিং বুলিয়ান মান - সত্য/মিথ্যা

touchEvent.shiftKey

এখানে, “বুলিয়ান ভ্যালু” নিম্নলিখিত −

হতে পারে

বুলিয়ান ভ্যালু	বিশদ বিবরণ
সত্য	এটি সংজ্ঞায়িত করে যে স্পর্শ ইভেন্ট হওয়ার সময় শিফট কী টিপানো হয়েছিল
মিথ্যা	এটি সংজ্ঞায়িত করে যে স্পর্শ ইভেন্ট হওয়ার সময় শিফট কী টিপানো হয়নি

দ্রষ্টব্য:আমরা মোবাইলে অ্যাক্সেস করা অনলাইন এইচটিএমএল এডিটর বা টাচ অ্যাক্সেস সহ সিস্টেমগুলিতে টাচ ইভেন্টের উদাহরণ চালিয়েছি। এটি করা হয় যাতে আমরা 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>

আউটপুট

স্পর্শ ইভেন্ট ট্রিগার করার আগে −

HTML DOM TouchEvent shiftKey বৈশিষ্ট্য

টাচ ইভেন্ট ট্রিগার করার পরে Alt কী চাপলে -

HTML DOM TouchEvent shiftKey বৈশিষ্ট্য