رویدادهای صفحه کلید در JavaScript :
یکی از اصلی‌ترین قابلیت‌های زبان برنامه‌نویسی JavaScript، دسترسی به رویدادهای مربوط به صفحه کلید است. این رویدادها شامل کلیدهای فرمان، Ctrl، Alt و Shift هستند که در ترکیب با دیگر کلیدها، امکانات بسیاری را برای برنامه‌نویسان فراهم می‌کنند.
در این مقاله، به بررسی رویدادهای صفحه کلید در JavaScript خواهیم پرداخت. اولین قدم برای استفاده از این رویدادها، استفاده از کد زیر است:
“`javascript
document.addEventListener(‘keydown’, function(event) {
console.log(event);
});
“`
این کد، یک رویداد برای صفحه کلید فراهم می‌کند که هرگاه کاربر کلیدی را فشار دهد، عملیاتی را انجام می‌دهد. سپس با استفاده از متغیر event، اطلاعات مربوط به کلید فشرده شده را به دست می‌آوریم.
برای مثال، اگر کد زیر را اجرا کنیم:
“`javascript
document.addEventListener(‘keydown’, function(event) {
console.log(event.key);
});
“`
در هر بار فشار دادن یک کلید، کلید مربوطه در کنسول چاپ می‌شود. این مقدار می‌تواند حاوی مقادیر مختلفی باشد، از جمله حروف الفبا، اعداد و کاراکترهای خاص، مانند Enter و Backspace.
رویدادهای دیگری نیز مربوط به دیگر کلیدهای صفحه کلید هستند، از جمله کلیدهای فرمان، Ctrl، Alt و Shift. برای مثال، می‌توانیم از کد زیر برای چاپ کردن مقدار کلید فشرده شده همراه با کلید Shift استفاده کنیم:
“`javascript
document.addEventListener(‘keydown’, function(event) {
if (event.shiftKey) {
console.log(“Shift + ” + event.key);
} else {
console.log(event.key);
}
});
“`
در این مثال، اگر کلید Shift همراه با کلید دیگری فشرده شود، مقدار “Shift + ” به آن اضافه شده و در کنسول چاپ می‌شود. در غیر این صورت، مقدار کلید فشرده شده به تنهایی چاپ می‌شود.
در کل، استفاده از رویدادهای صفحه کلید در JavaScript، برای ایجاد عملکردی برای کاربران و کنترل درستی برنامه، بسیار مفید و کاربردی است. با این روش، می‌توانیم رفتار کاربران را برای بهبود تجربه کاربری کنترل کنیم و عملکرد برنامه را بهبود بخشیم.
