জাভাস্ক্রিপ্ট কীবোর্ড ইভেন্ট
ব্যবহারকারী কীবোর্ডে একটি কী চাপলে কীবোর্ড ইভেন্টগুলি ঘটে:
- keydown(চাবি চাপা)
- keyup(কী প্রকাশ করা হয়েছে)
- keypress(পুরানো)
দ্রষ্টব্য:
keypressশুধুমাত্র অক্ষর কী (a বা 5) এর জন্য ট্রিগার করে, নিয়ন্ত্রণ কী (alt বা ব্যাকস্পেস) নয়।
বিকাশকারীরাkeydownবাkeyupব্যবহার করার পরামর্শ দেওয়া হয়
কীডাউন ইভেন্ট
event.key ব্যবহার করে
উদাহরণ
কোন কী চাপা হয়েছে তা দেখান:
<input id="k" type="text" placeholder="Press a key">
<p id="demo"></p>
<script>
const k = document.getElementById("k");
// Let k listen for keydown
k.addEventListener("keydown", function (event) {
// Then display the event.key
document.getElementById("demo").innerHTML = "You pressed: " + event.key;
});
</script>
ইন্টারেক্টিভ কীবোর্ড প্রদর্শন
আপনার কীবোর্ড পরীক্ষা করুন:
কনভার্টার কী:
ফোর্স বৈশিষ্ট্য
কীবোর্ড ইভেন্ট অবজেক্টটি ইভেন্টে কোন কী জড়িত ছিল তা নির্ধারণ করতে দরকারী বৈশিষ্ট্য প্রদান করে:
| বৈশিষ্ট্য | ব্যাখ্যা | Z চাপার সময় |
|---|---|---|
| event.key | কী এর মান প্রদান করে। ভাষা সেটিংসের উপর নির্ভর করে পরিবর্তিত হতে পারে। | z ফেরত দেয় (বা যদি শিফট চেপে রাখা হয়) |
| event.code | কী কোড ফেরত দেয়। ভাষা সেটিংস নির্বিশেষে অপরিবর্তিত থাকে। | সর্বদা "KeyZ" ফেরত দেয়। |
দ্রষ্টব্য:
আপনিevent.ctrlKey, event.shiftKey, event.altKey, এবংevent.metaKeyসংশোধক কীগুলি যেমন বৈশিষ্ট্যগুলি ব্যবহার করে পাওয়া যেতে পারে এবং কী সমন্বয়গুলি কার্যকর করা যেতে পারে (যেমন, Ctrl + S)।
এন্টার সনাক্ত করা হচ্ছে
event.code ব্যবহার করে
<input id="in01" type="text" placeholder="Press Enter">
<p id="demo"></p>
<script>
const in01 = document.getElementById("in01");
// Let in01 listen for keydown
in01.addEventListener("keydown", function (event) {
// If event.code was "enter", then display text
if (event.code === "Enter") {
document.getElementById("demo").innerHTML = "Enter was pressed!";
}
});
</script>
কী পরীক্ষা লিখুন:
event.key vs event.code
event.key
ভাষা নির্ভর
প্রকৃত অক্ষর/প্রতীক প্রদান করে
"a", "A", "अ", "あ"
Shift, CapsLock এর প্রভাব দেখায়
event.code
ভাষা-স্বাধীন
শারীরিক শক্তি স্থান দেয়
"KeyA", "Digit1", "Space"
নির্দিষ্ট কীবোর্ড লেআউটের জন্য সামঞ্জস্য করা হয়েছে
মূল মানগুলির উদাহরণ:
| চাবি | event.key | event.code |
|---|---|---|
| A | "a" বা "A" | "KeyA" |
| 1 | "1" বা "!" | "Digit1" |
| Enter | "Enter" | "Enter" |
| Space | " " | "Space" |
| Shift | "Shift" | "ShiftLeft" / "ShiftRight" |
কীবোর্ড শর্টকাট
সাধারণ শর্টকাট পরীক্ষা করুন:
শর্টকাট নোট:
- Ctrl+C, Ctrl+X, Ctrl+V - কপি, কাট, পেস্ট
- Ctrl+Z, Ctrl+Y - পূর্বাবস্থায় ফেরান, পুনরায় করুন
- Ctrl+S - সংরক্ষণ করুন
- Ctrl+F - খুঁজুন
- Ctrl+A - সব নির্বাচন করুন
- Alt+Tab - অ্যাপ্লিকেশনগুলির মধ্যে স্যুইচ করুন
সারাংশ
জাভাস্ক্রিপ্ট কীবোর্ড ইভেন্টগুলি সরবরাহ করে যা কীবোর্ড থেকে ব্যবহারকারীর ইনপুট সনাক্ত করে এবং পরিচালনা করে, ইন্টারেক্টিভ ওয়েব অভিজ্ঞতা যেমন ফর্ম বৈধতা, গেম নিয়ন্ত্রণ এবং কীবোর্ড শর্টকাটগুলি সক্ষম করে৷
গেমস
WASD বা তীর কী ব্যবহার করে অক্ষর সরান
ফর্ম
ফর্ম জমা দিতে এন্টার কী টিপুন এবং ক্ষেত্রগুলির মধ্যে সরানোর জন্য ট্যাব কী ব্যবহার করুন
শর্টকাট
অ্যাপ্লিকেশন শর্টকাট সক্রিয় করুন (Ctrl+S, Ctrl+C, ইত্যাদি)
অনুসন্ধান
Ctrl+F দিয়ে অনুসন্ধান শুরু করুন এবং Esc দিয়ে বন্ধ করুন