แอพตัวอย่างนี้แสดงวิธีจัดการอินพุตของผู้ใช้เช่น Magic Remote Control การควบคุมระยะไกลแบบดั้งเดิมและแป้นพิมพ์ภายนอก คุณสามารถหากุญแจทั้งหมดของรีโมทคอนโทรลด้วยตัวอย่างนี้ สำหรับข้อมูลเพิ่มเติมเกี่ยวกับ Magic Remote Control ให้ดู Magic Remote
รายการต่อไปนี้อธิบายถึงหลักการประมวลผลพื้นฐานสำหรับอินพุตของผู้ใช้ของรีโมทคอนโทรล
สำหรับข้อมูลเพิ่มเติมเกี่ยวกับแนวทาง UI ดูรายการตรวจสอบ UX
คุณสามารถรับรหัสคีย์ของกิจกรรมคีย์ได้โดยการเพิ่มฟังเหตุการณ์ keydown
document . addEventListener (
"keydown" ,
function ( event ) {
console . log ( "keydown" , event . keyCode ) ;
} ,
false
) ;
เมื่อใช้อุปกรณ์ชี้ (เวทมนตร์รีโมทหรือเมาส์) เพื่อย้ายเคอร์เซอร์ไปยังองค์ประกอบหรือหนึ่งในองค์ประกอบลูกของมันเหตุการณ์ mouseover
จะถูกยกขึ้น ในการจัดการเหตุการณ์ mouseover
ให้เพิ่มฟังเหตุการณ์ในองค์ประกอบเอกสาร
document . addEventListener (
"mouseover" ,
function ( event ) {
console . log ( "mouseover" , event . target . id ) ;
} ,
false
) ;
คุณสามารถติดตั้งแอพตัวอย่างและดูตัวอย่างแอปตัวอย่างใน WebOS TV เช่นเดียวกับในภาพต่อไปนี้
ในการย้ายโฟกัสระหว่างองค์ประกอบ UI โดยปุ่มนำทาง 4 ทางใช้การนำทางเชิงพื้นที่