JavaScript-এ ইনপুট ফিল্ডে Caps Lock অন আছে কিনা তা জানতে নিচের কোডটি ব্যবহার করুন:
উদাহরণ
<!DOCTYPE html> <html> <head> <style> #textBox { display: none; color: red; } </style> <body> <h1>Caps Lock ডিটেক্ট করার উদাহরণ</h1> <input class="inputfield" value="কিছু লেখুন.." /> <h2>উপরের ইনপুট ফিল্ডে Caps Lock চাপুন সতর্কতা দেখতে</h2> <h2 class="textBox">সতর্কতা! Caps Lock অন আছে।</h2> <script> var input = document.querySelector(".inputfield"); var textBox = document.querySelector(".textBox"); input.addEventListener("keyup", event => { if (event.getModifierState("CapsLock")) { textBox.style.display = "block"; } else { textBox.style.display = "none"; } }); </script> </body> </html>
আউটপুট
উপরোক্ত কোড নিচের আউটপুটটি তৈরি করবে:
Caps Lock অন থাকা অবস্থায় ইনপুট ফিল্ডে টাইপ করলে:
