कीबोर्ड इवेंट कोड - JavaScript की इवेंट व्यूअर ऑनलाइन

// Keyboard Event Handling in JavaScript

// Basic keydown event listener
document.addEventListener('keydown', (event) => {
  console.log('key:', event.key);           // "a", "Enter", "Shift"
  console.log('code:', event.code);         // "KeyA", "Enter", "ShiftLeft"
  console.log('keyCode:', event.keyCode);   // 65, 13, 16 (deprecated)
  console.log('location:', event.location); // 0, 0, 1

  // Modifier key states
  console.log('shiftKey:', event.shiftKey);
  console.log('ctrlKey:', event.ctrlKey);
  console.log('altKey:', event.altKey);
  console.log('metaKey:', event.metaKey);
  console.log('repeat:', event.repeat);
});

// Using event.code for layout-independent controls (e.g., WASD)
document.addEventListener('keydown', (event) => {
  switch (event.code) {
    case 'KeyW': moveForward(); break;
    case 'KeyA': moveLeft(); break;
    case 'KeyS': moveBackward(); break;
    case 'KeyD': moveRight(); break;
    case 'Space': jump(); break;
  }
});

// Detecting modifier combinations
document.addEventListener('keydown', (event) => {
  if (event.ctrlKey && event.key === 's') {
    event.preventDefault();
    saveDocument();
  }
  if (event.metaKey && event.key === 'k') {
    event.preventDefault();
    openCommandPalette();
  }
});

// Extracting full event data as an object
function extractKeyEventData(event) {
  return {
    type: event.type,
    key: event.key,
    code: event.code,
    keyCode: event.keyCode,
    which: event.which,
    charCode: event.charCode,
    location: event.location,
    repeat: event.repeat,
    isComposing: event.isComposing,
    shiftKey: event.shiftKey,
    ctrlKey: event.ctrlKey,
    altKey: event.altKey,
    metaKey: event.metaKey,
  };
}

document.addEventListener('keydown', (event) => {
  const data = extractKeyEventData(event);
  console.log(JSON.stringify(data, null, 2));
});