คุณสมบัติ shiftKey ของ Keyboard Event ใน JavaScript คืออะไร?

บทนำ

คุณสมบัติ shiftKey ของ Keyboard Event ใน JavaScript ใช้เพื่อตรวจสอบว่า Shift ถูกกดค้างอยู่หรือไม่ในขณะที่เกิดเหตุการณ์แป้นพิมพ์ (keydown, keyup, keypress) คุณสมบัตินี้จะคืนค่า true หาก Shift ถูกกดอยู่ และ false หากไม่ได้กด

ตัวอย่างการใช้งาน

ลองรันโค้ดด้านล่างเพื่อดูการทำงานของ shiftKey แบบเรียลไทม์:

<!DOCTYPE html>
<html>
<body>
  <input type="text" onkeydown="funcShiftKey(event)" placeholder="กดแป้นพิมพ์พร้อม Shift...">
  <div id="res" style="margin-top:10px; font-weight:bold;">กดแป้นพิมพ์ใดๆ</div>

  <script>
    function funcShiftKey(event) {
      var val = document.getElementById("res");
      if (event.shiftKey) {
        val.innerHTML = "Shift: กดอยู่";
      } else {
        val.innerHTML = "Shift: ไม่ได้กด";
      }
    }
  </script>
</body>
</html>

คำอธิบายเพิ่มเติม

• event.shiftKey เป็นคุณสมบัติแบบ Read-only (อ่านอย่างเดียว)
• ทำงานร่วมกับเหตุการณ์คีย์บอร์ดทั้งหมด: keydown, keyup, keypress
• มักใช้ร่วมกับคีย์ลัด (Shortcuts) เช่น Shift+Enter สำหรับขึ้นบรรทัดใหม่ในช่องข้อความ

ตารางสรุปค่าที่คืน