কী কোড ভিউয়ার

কী কোড ভিউয়ার কী?#

যখন একটি কী নিচে যায়, ব্রাউজার একটি KeyboardEvent ফায়ার করে যা “কোন কী?” প্রশ্নের দুটি সমান্তরাল উত্তর বহন করে। key ফিল্ডটি বলে প্রেসটি কোন অক্ষর তৈরি করেছে — a, A, Enter, ?। code ফিল্ডটি বলে কোন ভৌত কী চাপা হয়েছিল — KeyA, Enter, Slash — লেআউট নিরপেক্ষ। সেই দুটি উত্তর আলাদা হয়ে যায় যখনই আপনি একটি আন্তর্জাতিক কীবোর্ড, একটি মডিফায়ার, বা একটি নিউমেরিক প্যাড যোগ করেন, এবং পার্থক্যটি হলো ঠিক যা আপনাকে দেখতে হবে যখন আপনি একটি শর্টকাট, একটি গেম কন্ট্রোল, বা একটি অ্যাক্সেসিবিলিটি বৈশিষ্ট্য তারের সাথে যুক্ত করছেন।

এই পৃষ্ঠাটি প্রতিটি keydown-কে একটি স্ন্যাপশটে ক্যাপচার করে এবং প্রতিটি ফিল্ডকে উন্মুক্ত করে: key, code, লিগেসি keyCode এবং which সংখ্যা (পুরোনো কোড ডিবাগের জন্য রাখা হয়েছে), location (প্রমাণ / বাম / ডান / নিউমেরিক প্যাড), সক্রিয় মডিফায়ার, এবং প্রেসটি একটি স্বয়ং-পুনরাবৃত্তি ছিল কি না। শেষ প্রেসগুলোর একটি ঘূর্ণায়মান ইতিহাস দৃশ্যমান থাকে যাতে আপনি একটি কর্ড বা একটি অনুক্রম ট্রেস করতে পারেন।

কিছুই গ্লোবাল নয়: ক্যাপচার কেবল তখনই ঘটে যখন ফোকাস ক্যাপচার জোনের ভেতরে থাকে, তাই পৃষ্ঠার বাকি অংশ স্বাভাবিকভাবে কীবোর্ড মানতে থাকে।

কীভাবে ব্যবহার করবেন#

1. উপরের ড্যাশযুক্ত ক্যাপচার জোনে যেকোনো জায়গায় ক্লিক করুন (বা এতে ট্যাব করুন)। এটি শুনছে তা দেখাতে হাইলাইট হয়।
2. একটি কী, বা একটি কর্ড চাপুন। নিচের স্ন্যাপশট টেবিলটি প্রতিটি keydown-এ আপডেট হয়।
3. সারিগুলো পড়ুন:
   • key (key) — লজিক্যাল কী মান (অক্ষর বা ব্রাউজার সমাধান করা নামযুক্ত কী)।
   • code (code) — ভৌত কী, লেআউট-নিরপেক্ষ। এটি আপনি শর্টকাটের জন্য ম্যাচ করেন।
   • keyCode এবং which — অবচিত সংখ্যাসূচক কোড, একটি অবচিত ব্যাজ সহ চিহ্নিত। সেগুলোকে কেবল তখনই ম্যাচ করুন যখন পুরোনো কোড পোর্ট করছেন যা এখনও সেগুলো পড়ে।
   • অবস্থান — প্রমাণ, বাম, ডান, বা নিউমেরিক প্যাড। এটি কীভাবে আপনি বাম-Shift-কে ডান-Shift থেকে, বা নিউমেরিক প্যাডের 5-কে উপরের সারির 5 থেকে আলাদা করবেন।
   • পুনরাবৃত্তি — একটি কী ধরে রাখা এবং স্বয়ং-পুনরাবৃত্তি হলে হ্যাঁ।
   • মডিফায়ার — Ctrl, Alt, Shift, Meta এর মধ্যে যেগুলো ধরে রাখা হয়েছিল তার জন্য ব্যাজ।
4. আপনি যদি চান পৃষ্ঠাটি কী-তে কাজ করা থেকে ব্রাউজারকে থামাক (উদাহরণস্বরূপ, পরীক্ষার সময় Tab-কে ফোকাস সরানো থেকে রাখতে) বিকল্প বারে কী-এর ডিফল্ট ক্রিয়া আটকান টিক দিন।
5. বর্তমান স্ন্যাপশট ধরতে বর্তমান কপি করুন ব্যবহার করুন, এবং ঘূর্ণায়মান তালিকা রিসেট করতে ইতিহাস প্যানেলে ইতিহাস মুছুন।

প্রধান বৈশিষ্ট্য#

• key এবং code উভয়ই, পাশাপাশি। কীবোর্ড পরিচালনায় সবচেয়ে কার্যকর পার্থক্য, প্রতিটি প্রেসে দৃশ্যমান — তাই আপনি তাৎক্ষণিকভাবে দেখেন কেন key === "@" একটি লেআউটে Shift+Digit2 থেকে এবং অন্যটিতে সম্পূর্ণ ভিন্ন ভৌত কী থেকে আসতে পারে।
• অবস্থান সচেতনতা। বাম এবং ডান মডিফায়ার আলাদাভাবে রিপোর্ট করা হয়, এবং নিউমেরিক প্যাড কীগুলো location: numpad বহন করে। গেমিং লেআউটের জন্য অপরিহার্য যেখানে একই সংখ্যা মূল সারি বনাম নিউমেরিক প্যাডে ভিন্ন জিনিস মানে।
• মডিফায়ার ব্যাজ। Ctrl, Alt, Shift, এবং Meta (macOS-এ Command, অন্যত্র Super/Windows) প্রচলিত ক্রমে দেখানো হয়, তাই আপনি একনজরে একটি কর্ড পড়তে পারেন।
• লিগেসি ফিল্ড, স্পষ্টভাবে চিহ্নিত। keyCode এবং which অবচিত এবং আধুনিক স্পেক থেকে সরানো হয়েছে, কিন্তু প্রচুর বিদ্যমান কোড এখনও সেগুলো পড়ে। সেগুলো একটি দৃশ্যমান অবচিত ট্যাগ এবং একটি ফুটনোট সহ প্রকাশ করা হয়, কখনো প্রাথমিক উত্তর হিসেবে নয়।
• ২০-এর ঘূর্ণায়মান ইতিহাস। একটি কী ধরে রাখুন এবং প্রতিটি স্বয়ং-ফায়ারে পুনরাবৃত্তি হ্যাঁ-তে ফ্লিপ হওয়া দেখুন; একটি অনুক্রম চাপুন এবং এর মাধ্যমে হাঁটুন। প্রতিটি এন্ট্রি একটি বিচ্ছিন্ন স্ন্যাপশট।
• স্কোপড ক্যাপচার। লিসনারটি উইন্ডো নয়, ক্যাপচার জোনের সাথে আবদ্ধ। পৃষ্ঠার বাকি অংশ — ট্যাবিং, স্ক্রলিং — আপনি আবার জোনে ফোকাস না করা পর্যন্ত কাজ করতে থাকে।

ব্যবহারের উদাহরণ#

বিভ্রানের একটি ক্লাসিক উৎস হলো উপরের সারির 1 এবং নিউমেরিক প্যাডের 1-এর মধ্যে পার্থক্য। সেগুলো একই অক্ষর তৈরি করে, কিন্তু সেগুলো একই কী নয়।

উপরের সারির 1 চাপুন এবং স্ন্যাপশট পড়ে:

key        1
code       Digit1
keyCode    49      (legacy)
which      49      (legacy)
location   standard
repeat     no
modifiers  none

এখন নিউমেরিক প্যাডের 1 চাপুন (Num Lock চালু সহ) এবং স্ন্যাপশট পড়ে:

key        1
code       Numpad1
keyCode    97      (legacy)
which      97      (legacy)
location   numpad
repeat     no
modifiers  none

একই key, ভিন্ন code, ভিন্ন location, ভিন্ন লিগেসি কোড। আপনি যদি একটি শর্টকাট বাঁধেন, আপনি “অক্ষরের উপরের সারি” বোঝাতে code === "Digit1"-এ ম্যাচ করেন, এবং “নিউমেরিক প্যাড” বোঝাতে code === "Numpad1"-এ — এবং আপনি key === "1"-এ ম্যাচ করার ফাঁদ এড়ান, যা উভয়ের জন্য ফায়ার করে।

প্রশ্নোত্তর#

আমার key নাকি code-এ ম্যাচ করা উচিত?#

এটি নির্ভর করে আপনি কী নির্মাণ করছেন তার উপর। শর্টকাট এবং গেম কন্ট্রোলের জন্য code-এ ম্যাচ করুন, যেখানে কী-এর ভৌত অবস্থান গুরুত্বপূর্ণ এবং আপনি চান না বাঁধাই পরিবর্তিত হোক যখন ব্যবহারকারী একটি Dvorak বা অ-লাতিন লেআউটে পরিবর্তন করে। টেক্সট ইনপুটের জন্য key-এ ম্যাচ করুন, যেখানে উৎপাদিত অক্ষর আপনি যত্ন নেন (? বনাম /, বা dead-key রচিত অক্ষর)। মডিফায়ার কর্ডের জন্য, মডিফায়ারের নিজস্ব key মানের বদলে মডিফায়ার পতাকাগুলো (ctrlKey, metaKey, …) চেক করুন।

keyCode এবং which কেন “অবচিত” হিসেবে চিহ্নিত?#

সেগুলো অবচিত এবং UI Events স্পেক থেকে সরানো হয়েছে। ব্রাউজারগুলো এখনও সামঞ্জস্যের জন্য সেগুলো পূরণ করে, কিন্তু তাদের মানগুলো ব্রাউজার বা লেআউট জুড়ে কখনো সামঞ্জস্যপূর্ণ ছিল না (একই ভৌত কী ভিন্ন সংখ্যা রিপোর্ট করতে পারে)। আধুনিক কোডের উচিত key এবং code পড়া। সেগুলো এখানে কেবল এই কারণে দেখানো হয় যাতে আপনি এমন পুরোনো কোড ডিবাগ বা পোর্ট করতে পারেন যা এখনও সংখ্যাগুলোর উপর নির্ভর করে — নতুন বাঁধাইয়ের জন্য কখনো সেগুলো ব্যবহার করবেন না।

পৃষ্ঠাটি আমার কীস্ট্রোক ক্যাপচার করছে না কেন?#

ক্যাপচার ড্যাশযুক্ত জোনে স্কোপড। ফোকাস অন্য কোথাও সরে গেলে — কারণ আপনি ট্যাব করে বেরিয়ে গেছেন, বা অন্য একটি কন্ট্রোল ক্লিক করেছেন — জোনটি শোনা বন্ধ করে। জোনের ভেতরে ফিরে ক্লিক করুন (এটি হাইলাইট হবে) এবং প্রেসগুলো আবার নিবন্ধিত হবে। এই স্কোপিংটি ইচ্ছাকৃত: এটি পৃষ্ঠার বাকি অংশকে কীবোর্ড-অ্যাক্সেসযোগ্য রাখে।

Meta কী মানে Command নাকি Windows?#

উভয়ই — Meta হলো প্ল্যাটফর্মের “super” কী: macOS-এ Command, Linux এবং Windows-এ Windows / Super কী। ব্যাজটি OS অনুমান করার বদলে Meta পড়ে, কারণ অন্তর্নিহিত metaKey ফিল্ডটি আপনার কোডের সত্যিই পরীক্ষা করতে হবে।