HTML5 Canvas-এ keydown ইভেন্ট লিসেনার যোগ করার পদ্ধতি (tabindex ব্যবহার)

সমস্যা: Canvas ডিফল্টভাবে ফোকাসযোগ্য (Focusable) নয়

`` এলিমেন্ট ডিফল্টভাবে কীবোর্ড ফোকাস পায় না, তাই `keydown` ইভেন্ট ফায়ার হয় না। সমাধান: tabindex অ্যাট্রিবিউট দিন।

HTML

JavaScript
let canvasFocused = false;
canvas.addEventListener('mousedown', () => canvasFocused = true);
canvas.addEventListener('blur', () => canvasFocused = false);

window.addEventListener('keydown', e => {
  if (canvasFocused) {
    // ক্যানভাস ফোকাসড থাকলে কীবোর্ড হ্যান্ডল
  }
});

স Faces: `tabindex="0"` দিয়ে ক্যানভাসকে ট্যাব অর্ডারে আনা সেরা এবং স্ট্যান্ডার্ড পদ্ধতি।