เหตุการณ์.altKey
ฟังก์ชั่น: ตรวจสอบว่ามีการกดปุ่ม Alt เมื่อมีเหตุการณ์เกิดขึ้นหรือไม่
ไวยากรณ์: event.altKey
ค่า: จริง | เท็จ
แสดงให้เห็น:
แอตทริบิวต์ altKey เป็นจริงเพื่อระบุว่ามีการกดปุ่ม Alt ค้างไว้เมื่อเกิดเหตุการณ์ และเป็นเท็จเพื่อระบุว่าไม่ได้กดปุ่ม Alt
คุณลักษณะ altKey สามารถใช้ร่วมกับเมาส์หรือแป้นพิมพ์ได้ และส่วนใหญ่จะใช้เพื่อสร้างการดำเนินการทางลัดบางอย่าง
เหตุการณ์.ctrlKey
ฟังก์ชั่น: ตรวจสอบว่ามีการกดปุ่ม Ctrl เมื่อมีเหตุการณ์เกิดขึ้นหรือไม่
ไวยากรณ์: event.ctrlKey
ค่า: จริง | เท็จ
แสดงให้เห็น:
หากแอตทริบิวต์ ctrlKey เป็นจริง หมายความว่ามีการกดปุ่ม Ctrl ค้างไว้เมื่อมีเหตุการณ์เกิดขึ้น หากเป็นเท็จ แสดงว่าไม่ได้กดปุ่ม Ctrl
คุณลักษณะ ctrlKey สามารถใช้ร่วมกับเมาส์หรือแป้นพิมพ์ได้ และส่วนใหญ่จะใช้เพื่อสร้างการดำเนินการทางลัดบางอย่าง
เหตุการณ์ shiftKey
ฟังก์ชั่น: ตรวจสอบว่ามีการกดปุ่ม Shift เมื่อมีเหตุการณ์เกิดขึ้นหรือไม่
ไวยากรณ์: event.shiftKey
ค่า: จริง | เท็จ
แสดงให้เห็น:
หากคุณสมบัติ shiftKey เป็นจริง แสดงว่ามีการกดปุ่ม Shift ค้างไว้เมื่อมีเหตุการณ์เกิดขึ้น หากเป็นเท็จ แสดงว่าไม่ได้กดปุ่ม Shift
คุณลักษณะ shiftKey สามารถใช้ร่วมกับเมาส์หรือคีย์บอร์ดได้ และส่วนใหญ่จะใช้เพื่อสร้างการดำเนินการทางลัดบางอย่าง
ตัวอย่างที่ 1
ตัวอย่างการดำเนินการแบบรวม
คัดลอกรหัสรหัสดังต่อไปนี้:
<input id="txt1" type="text" value="Hello World!" onclick="checkAlt(event)" />
<script type="text/javascript">
ฟังก์ชั่นตรวจสอบ Alt (oEvent)
-
ถ้า (oEvent.altKey)
document.getElementById("txt1").select();
-
</สคริปต์>
ผลกระทบของรหัสนี้คือ:
หากคุณกดปุ่ม Alt ค้างไว้แล้วคลิกที่กล่องข้อความด้านบน คุณสามารถเลือกข้อความในกล่องข้อความได้
ตัวอย่างที่ 2
ตัวอย่างการดำเนินการแบบรวม
คัดลอกรหัสรหัสดังต่อไปนี้:
<input id="txt2" type="text" value="Hello World!" onclick="clearText(event)" />
<script type="text/javascript">
ฟังก์ชั่น clearText (oEvent)
-
ถ้า ( oEvent.ctrlKey && oEvent.keyCode==46 )
document.getElementById("txt2").value = "";
-
</สคริปต์>
ผลกระทบของรหัสนี้คือ:
ใช้คีย์ผสม "Ctrl+Del" เพื่อล้างเนื้อหาของกล่องข้อความด้านบน (ต้องเน้นกล่องข้อความก่อน ตัวอย่างนี้ใช้กับเบราว์เซอร์ IE เท่านั้น)
ตัวอย่างที่ 3
ตัวอย่างการดำเนินการแบบรวม
คัดลอกรหัสรหัสดังต่อไปนี้:
<div id="box" onclick="setColor(event)"></div>
<script type="text/javascript">
var b = จริง;
ฟังก์ชั่น setColor (oEvent)
-
ถ้า (oEvent.shiftKey && b)
document.getElementById("กล่อง").style.พื้นหลังสี = "สีน้ำเงิน";
ถ้า ( oEvent.shiftKey && !b )
document.getElementById("กล่อง").style.พื้นหลังสี = "สีแดง";
ข = !ข;
-
</สคริปต์>
ผลกระทบของรหัสนี้คือ:
กดปุ่ม "Shift" ค้างไว้แล้วคลิกบล็อกสีด้านบนด้วยเมาส์เพื่อเปลี่ยนสีของบล็อกสี