JavaScript Keyboard Events

কীবোর্ড ইভেন্ট শিখুন

জাভাস্ক্রিপ্ট কীবোর্ড ইভেন্ট

ব্যবহারকারী কীবোর্ডে একটি কী চাপলে কীবোর্ড ইভেন্টগুলি ঘটে:

⚠️দ্রষ্টব্য:

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>

ইন্টারেক্টিভ কীবোর্ড প্রদর্শন

আপনার কীবোর্ড পরীক্ষা করুন:

⌨️ চাপা কী এখানে উপস্থিত হবে
মূল তথ্য: কী টিপে শুরু করুন

কনভার্টার কী:

Ctrl
Shift
Alt
Meta (Cmd/Win)
⌨️ কীবোর্ড ইভেন্ট লগ: ইভেন্টগুলি এখানে উপস্থিত হয়...

ফোর্স বৈশিষ্ট্য

কীবোর্ড ইভেন্ট অবজেক্টটি ইভেন্টে কোন কী জড়িত ছিল তা নির্ধারণ করতে দরকারী বৈশিষ্ট্য প্রদান করে:

বৈশিষ্ট্য ব্যাখ্যা 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 দিয়ে বন্ধ করুন

অনুশীলন করুন

নিচের কোনটি একটি বৈধ ইভেন্ট যা ব্যবহারকারী কীবোর্ডে একটি কী চাপলে ট্রিগার হয়?

keypress
✗ ভুল! কীপ্রেস পুরানো এবং শুধুমাত্র অক্ষর কীগুলির জন্য ট্রিগার করে, নিয়ন্ত্রণ কী নয়
keydown
✓ ঠিক আছে! keydown হল সঠিক ইভেন্ট যা ট্রিগার হয় যখন ব্যবহারকারী কীবোর্ডে একটি কী চাপেন
keyhit
✗ ভুল! keyhit জাভাস্ক্রিপ্ট একটি আইনি ঘটনা নয়
keytype
✗ ভুল! জাভাস্ক্রিপ্টে keytype একটি আইনি সত্তা নয়