Thuộc tính location của KeyboardEvent trong HTML DOM trả về số tương ứng với vị trí của phím được nhấn trên bàn phím.
Cú pháp
Trả về vị trí của phím được nhấn:
event.location
Các số (number)
Số number trả về có thể là:
| number | Mô tả |
|---|---|
| 0 | Đại diện cho hầu hết các giá trị trên bàn phím (mọi phím ở phần giữa, ví dụ: 'Q', '\', 'spacebar') |
| 1 | Đại diện cho các giá trị ở bàn phím bên trái (mọi phím ở phần trái, ví dụ: 'left ctrl', 'left Shift', 'left alt') |
| 2 | Đại diện cho các giá trị ở bàn phím bên phải (mọi phím ở phần phải, ví dụ: 'right ctrl', 'right Shift', 'right alt') |
| 3 | Đại diện cho các giá trị ở bàn phím số (numpad) (mọi phím ở phần numpad, ví dụ: '1', '/', '.') |
Ví dụ
Ví dụ minh họa thuộc tính KeyboardEvent location:
<!DOCTYPE html> <html> <head> <title>KeyboardEvent location</title> <style> form { width:70%; margin: 0 auto; text-align: center; } * { padding: 2px; margin:5px; } input[type="button"] { border-radius: 10px; } </style> </head> <body> <form> <fieldset> <legend>KeyboardEvent-location</legend> <label>Điền vào chỗ trống: <input type="text" id="textSelect" placeholder="type here..." onkeydown="getEventData(event)" autocomplete="off"> </label> <div id="divDisplay"></div> </fieldset> </form> <script> var divDisplay = document.getElementById("divDisplay"); var textSelect = document.getElementById("textSelect"); function getEventData(InputEvent) { if(InputEvent.location === 0) divDisplay.textContent = 'key Pressed in middle section'; else if(InputEvent.location === 1) divDisplay.textContent = 'key Pressed in left section'; else if(InputEvent.location === 2) divDisplay.textContent = 'key Pressed in right section'; else divDisplay.textContent = 'key Pressed in numpad section'; } </script> </body> </html>
Kết quả
Trước khi nhập bất kỳ ký tự nào:
Sau khi nhập 'w':
Sau khi nhấn '+' từ bàn phím số:
