HTML DOM TouchEvent metaKey প্রপার্টি একটি বুলিয়ান মান রিটার্ন করে যা নির্দেশ করে টাচ ইভেন্ট ফায়ার হওয়ার সময় কি Meta কী প্রেস করা ছিল।
সিনট্যাক্স
touchEvent.metaKey
এখানে "booleanValue" নিম্নলিখিত হতে পারে:
| booleanValue | বিবরণ |
|---|---|
| true | টাচ ইভেন্ট ঘটার সময় Meta কী প্রেস করা ছিল |
| false | টাচ ইভেন্ট ঘটার সময় Meta কী প্রেস করা ছিল না |
নোট: আমরা টাচ ইভেন্ট উদাহরণগুলো অনলাইন HTML এডিটরে মোবাইল বা টাচ-সক্ষম সিস্টেমে অ্যাক্সেস করে চালিয়েছি।
উদাহরণ
<!DOCTYPE html> <html> <head> <title>HTML DOM TouchEvent metaKey</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-metaKey</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.metaKey){ formSelect.style.backgroundColor = '#03A9F4'; formSelect.style.color = '#FFF' divDisplay.textContent = 'meta Key Pressed'; } } </script> </body> </html>
আউটপুট
টাচ ইভেন্ট ট্রিগার হওয়ার আগে:
টাচ ইভেন্ট Alt কী প্রেস করে ট্রিগার হওয়ার পর:
