screen_rotation
Copied to Clipboard
<!DOCTYPE html> <html> <head> <script src="https://unpkg.com/vue@3/dist/vue.global.js"></script> </head> <body> <h3>Vue js detect caps lock key turned on or not</h3> <div id="app"> <input type="text" @keydown="checkCapsLock" /> <p v-if="capsLockOn">Caps Lock is on.</p> </div> <script type="module"> const app = Vue.createApp({ data() { return { capsLockOn: false, }; }, methods: { checkCapsLock(event) { if (event.getModifierState("CapsLock")) { this.capsLockOn = true; } else { this.capsLockOn = false; } }, }, }); app.mount('#app'); </script> </body> </html>